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

时间:2012-09-06 11:04:18

标签: javascript enyo

我得到15个名字,我想通过点击一个按钮设置为一个表或列表。我想通过使用for循环插入数据。所以我可以在点击按钮后获得所有名称。我尝试了list.In这个名称正在加载列表的加载。但点击按钮它没有加载数据。所以我希望它加载到enyo.js中的表。感谢

2 个答案:

答案 0 :(得分: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(); 
    } 
});​

答案 1 :(得分:0)

我修改了小提琴,因此按钮点击调用该功能来“加载”数据。然后捆绑到事件中,事件处理程序加载列表。如果您正在呼叫一个回叫的服务,您可能希望这样做。

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;
}