javascript - 使用 enyo.js 将数据动态插入到表中

Question

我得到了 15 个名称，我想通过点击一个按钮将它们设置为一个表或一个列表。我想通过使用 for 循环插入数据。这样我就可以在单击按钮后获取所有名称。我尝试了列表。在这个列表中，名称正在加载列表。但是单击按钮时它不会加载数据。所以我希望它加载到 enyo.js 中的表中。谢谢

Answer 1

给你一个小小提琴。http://jsfiddle.net/joopmicroop/ntN6t/

enyo.kind({
    name: 'App',
    kind: enyo.Control,
    components: [
        {kind: 'FittableRows', components:[
           {name: 'header', kind: 'onyx.Toolbar', components: [
                {kind: "onyx.Button", content: "Load content", ontap: "tapload"}, 
           ]},
            {name: 'listplaceholder',fit:true,},
        ]}
    ],
    tapload:function(inSender, inEvent){
        var data = ['item 1', 'item 2','item 3'];
        for (var i in data){
            if(i%2){
                this.$.listplaceholder.createComponent({index:i, style:'background-color:#AAA;', content:'list '+data[i]}); 
            }else{
                this.$.listplaceholder.createComponent({index:i, style:'background-color:#CCC;', content:'list '+data[i]}); 
            }                              
        }
    this.$.listplaceholder.render(); 
    } 
});​

Answer 2

我修改了小提琴，所以按钮点击调用函数来“加载”数据。然后将其捆绑到一个事件中，事件处理程序加载列表。如果您正在调用一个回调的服务，您会希望这样做。

http://jsfiddle.net/pcimino/GnEBK/

handlers: {
    onLoadList: 'loadList'
},
retrieveData: function(inSender, inEvent) {
    // simulates getting data form a web service
    var data = ['item 1', 'item 2','item 3'];
    this.waterfall('onLoadList', {data: data});
    return true;
}