0

Sencha 2 テンプレートに引数を渡すにはどうすればよいですか? 以下は私の小さなテンプレートです。テンプレートで「フィールド変数」を定義したり、構成を使用したりするなど、さまざまなことを試しましたが、間違いなく間違っています。引数「タイトル」と「使用時間」を与えたいとしましょう。どうすればそれを行うことができますか

Ext.define('Sencha.templates.AppDetailsUsageTemplate' ,{
    extend: 'Ext.XTemplate',
    constructor: function (config) {
       var html = [
           '<div id="{id}" class="limitsList {cls}">',
           '   <div class="reportsSummaryLeft"> {title} </div>',
           '   <div class="reportsSummaryRight"> {usageTime}  </div>',
           '   <div style="clear:both"></div>',
           '</div>'];
       this.callParent(html);
    }
});

私の見解では、これをやりたいと思っています（以下の疑似コード）：

xtype: 'container',
tpl: Ext.create('Sencha.templates.AppDetailsUsageTemplate',{
    title: 'test tittle',
    usageTime: 100384
})
4

1 に答える 1

0

私はそれを理解し、データを介してパラメータを与えました: 例:

{
    id:     'appDetailsMonth',
    xtype:  'component',
    tpl:    Ext.create('Sencha.templates.AppDetailsUsageTemplate')
},{
    id:     'appDetailsLifeDuration',
    xtype:  'component',
    tpl:    Ext.create('Sencha.templates.AppDetailsUsageTemplate')
}

そしてapplyItemsで

applyItems:function(newItems, oldItems) {
    var i    = 0,
        iNum = newItems.length,
        data = this.getData();

    var yesterdayItem = newItems[2];
    yesterdayItem.data = {
        title: 'Yesterday',
        usage: data.dayDuration
    };
    ....
}
于 2012-09-11T14:11:11.513 に答える