1

これが私が立ち往生していることです：

Ext.define('Application.view.phone.AppScreen', {
extend: 'Ext.navigation.View',
//  extend: 'Ext.Container',
xtype: 'appscreen',
id: 'appscreen',
alias: 'widget.appscreen',
config: {

    items: [{
        xtype: 'container',
        title: 'My View',
        layout: {
            type: 'fit'
        },
        items:[{
            html:'phone'
        },

        {
            xtype:'list',
            id:'AccountSummary',
            name:'AccountSummary',
            onItemDisclosure:true,
            store:{
                fields: ['Label', 'Amount'],
                data: [
                {
                    "Label":"Order",
                    "Amount": "18,275"
                },

                {
                    "Label":"Shipment",
                    "Amount": "25,255"
                },

                {
                    "Label":"Invoices",
                    "Amount": "11,125"
                }
                ]
            }, 

        itemTpl: new Ext.XTemplate('{Label}<tpl if="Label==Order"><div class="meter"><span style="width: 60%"></span></div></tpl><tpl if="Label==Shipment"><div class="meter1"><span style="width: 60%"></span></div></tpl><br>$ {Amount} Cash')

        }]
    }]
}

}）;

たとえば、ラベルが注文の場合、cssメーターを動的に変更する必要があります。これは、出荷用のメーター1と同様に、cssメーターを適用する必要があります。誰かがこれについて教えてくれますか？

4

1 に答える 1

1

これはかなり単純なはずです。以下の私の作業中のTPLの例を見てください。

new Ext.Container({
    fullscreen : true,
    tpl        : '<tpl if="foo == &quot;bar&quot;">Is Bar</tpl>',
    data       : {
        foo : 'bar'
    }
});

文字列をチェックするので、エンコードされた引用符をステートメントに追加する必要があると思います。以下の更新されたコードを参照してください。

itemTpl: new Ext.XTemplate('{Label}<tpl if="Label == &quot;Order&quot;"><div class="meter"><span style="width: 60%"></span></div></tpl><tpl if="Label == &quot;Shipment&quot;"><div class="meter1"><span style="width: 60%"></span></div></tpl><br>$ {Amount} Cash')
于 2012-08-08T17:21:47.647 に答える