1. #1
    Touch Premium Member
    Join Date
    Sep 2011
    Posts
    1
    Vote Rating
    0
    tchan4209 is on a distinguished road

      0  

    Lightbulb Reusable XTemplate Manager Design Pattern

    Reusable XTemplate Manager Design Pattern


    I'm working on a Sencha Touch app with 200 screens. Many of the screens share common UI elements, so in a fit of refactoring I created an XTemplate Manager to store XTemplate code.


    Code:
    XTemplateManager = {
        getTpl: function(name) {
            return new Ext.XTemplate(this.tpl[name]);
        },
    
    
        tpl: {
            'myTpl': '<div class="contacts">{firstName}</div>
        }
    }
    This was great where the XTemplate was heavily reused. However, it has started to become a giant file that is hard to navigate. Also it's another layer of indirection when I separate out the XTemplate from it's view.


    Is this a good design pattern? Is there another solution to externalize XTemplates for reuse? Just curious how others do it. Thanks.


    (I've only worked with Sencha Touch but I think this should apply to Ext as well.)

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    35,688
    Vote Rating
    749
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I have done just this as part of my locale so it's not a bad thing. MVC is great but you can still have utility classes like this.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar