Sencha Extjs 值不绑定

Posted

技术标签:

【中文标题】Sencha Extjs 值不绑定【英文标题】:Sencha Extjs Value not binding 【发布时间】:2017-03-09 10:22:11 【问题描述】:

我正在使用 Sencha ExtJS。我想在单个 div 中获取所有值而不是多个值。我尝试了代码

` 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: [            
        
            itemId: 'value_sys'   
        ,
                       
            items: [
                                
                itemId: 'value1'                   

                , tpl: '<div>Value</div>'   //value1 value here
            ,
                itemId: 'value2',
                tpl: '<div>Value</div>'    //value2 value here
            , 
            
                itemId: 'value3',
                tpl: '<div>Value</div>'   //value3 value here
            , 
            
                itemId: 'value4',
                tpl: '<div>Value</div>'    //value4 value here
            
            ]
            ]`

以上代码工作正常,但我需要更改现有行为以获取单个 div 中的所有值,如

items: [            
        
            itemId: 'value_sys'   
        ,
                       
            items: [
                                
                itemId: 'value1,value2,value3,value4'                   

                , tpl: '<div>Value</div>'   //value1,value2,value3,value4 value here
            
            ]

这是正确的吗? 谁能帮助我指出正确的方向?任何教程或博客文章都会非常有帮助

谢谢

【问题讨论】:

【参考方案1】:

你可以在这里使用for循环:

'<div>',
    '<tpl for="Vitals">',
        '<tpl>Value </tpl>',
    '</tpl>',
'</div>'

工作示例https://fiddle.sencha.com/#fiddle/1rt4

【讨论】:

你是什么意思? 每秒连续值变化 这些值取决于下划线存储数据,如果您每秒更新存储,它们将分别更新。

以上是关于Sencha Extjs 值不绑定的主要内容,如果未能解决你的问题,请参考以下文章

Ext JS 和 Sencha 的区别

[Sencha ExtJS &amp; Touch] 在Sencha(Extjs/Touch)应用程序中使用plugins(插件)和mixins(混入)

extjs6入门:用sencha cmd搭建简单的extjs6项目

在 EXTJS 和 Touch Apps 之间共享遵循 MVC 模式的功能 - Sencha Workspace

如何修复 extjs4.1 中的构建错误 com.sencha.exceptions.ExProcess

Sencha Touch 和 ExtJS