1. #21
    Touch Premium Member
    Join Date
    Aug 2011
    Posts
    59
    Vote Rating
    0
    0steve is on a distinguished road

      0  

    Default


    Hi,

    Can anyone provide me an example of how to use XTemplate in Sencha Architect 2.1?

    Especially entering "fn."

    I am not sure on how to achieve this:

    Code:
    itemTpl: new Ext.XTemplate(           
                  '<p>{name}',
                  '<tpl if="age &gt; 17">',
                  '<button>Vote</button>',
                  '</tpl>',
                  '</p>'
    )
    Thanks in Advance.

  2. #22
    Sencha User
    Join Date
    Feb 2012
    Posts
    3
    Vote Rating
    0
    dmullins is on a distinguished road

      0  

    Default


    I believe I came across a similar issue. The "renderer" property was not available in Architect, for example for a grid column. I added it as a custom property, and then added the XTemplate definition/function name that I required....and it worked/showed up in the right place. Subsequently, the "renderer" property showed up as expected by default (i.e. did not show as a custom property)...but there was apparently some strange behaviour here initially.

  3. #23
    Sencha User
    Join Date
    Sep 2010
    Posts
    27
    Vote Rating
    2
    dusoft is on a distinguished road

      0  

    Default Does Sencha Architect(2.2.2) support xtemplate member functions?

    Does Sencha Architect(2.2.2) support xtemplate member functions?


    Hello..

    I am using sencha archiect 2.2.2 and the latest version of sencha touch 2.2.X.
    Can I define xtemplate merber function to format text or other purpose..?
    I created a Xtemplate member function with the "+" button in the Property window, but it's doesn't works.

    Please, can I help me?

    View

    Code:
    Ext.define('SuperPromo.view.promocion.List', {
        extend: 'Ext.dataview.List',
        alias: 'widget.promocionlist',
    
    
        config: {
            id: 'promocionList',
            emptyText: 'Loading promociones...',
            store: 'Promociones',
            itemTpl: Ext.create('Ext.XTemplate', 
                '<div class="some-class">',
                '            <span>{[this.toUpper(values.TextField)]}%</span>',
                '</div>',
                {
                    toUpper: function(text) {
                         return "SomeText";
    
                    },
                    disableFormats: true
                }
            )
        }
    
    
    });

    Thanks!