Extjs使用id渲染值

时间:2017-03-10 09:48:27

标签: javascript extjs dynamic reference frameworks

我想通过id

获取值
 window.setInterval(function () {
                me.updateData({
                    Name: "aaa, aaa",
                    Id: "1234",
                    Vitals: [{
                        Name: "value1",
                        Timestamp: new Date(),
                        Value: getRandomInt(60, 80) + "/" + getRandomInt(60, 80)
                    }, {
                        Name: "value2",
                        Timestamp: new Date(),
                        Value: getRandomInt(60, 80)
                    }, {
                        Name: "value3",
                        Timestamp: new Date(),
                        Value: getRandomInt(60, 80)
                    }, {
                        Name: "value4",
                        Timestamp: new Date(),
                        Value: getRandomInt(60, 80)
                    }
                    ]
                });              
            }, 1000);

items: [{
            id:'value'
                   ,tpl: 
                        '<div class="col-md-3 red ">{Value}</div>' 
                }

以上情况正常。 但我需要通过动态生成的div来使用它,比如

items: [{
                   tpl: 
                        '<div id="value" class="col-md-3 red ">{Value}</div>'                 
                }

但{Value}中没有约束的价值 谢谢

1 个答案:

答案 0 :(得分:2)

请尝试以下代码。

items: [{
        xtype: 'dataview',
        itemId: 'ItemId',
        tpl: new Ext.XTemplate(
            '<tpl for=".">',
                '<div class="col-md-3 red ">',
                    '<h3>{value}</h3>',
                '</div>',
            '</tpl>'
        ),
        itemSelector: 'col-md-3 red',
        prepareData: function(data, index, record) {
             var name = this.up().getViewModel().get('value');
             var passed = record.get('value') == name;
             return Ext.apply(data);
        }           
     }