2012-09-06 49 views
0

我得到15個名稱,我想通過一個按鈕的on-tap設置爲一個表或List。我想通過for循環插入數據。所以我可以點擊按鈕後獲取所有名稱。我試過這個列表。在這個名字是加載列表的負載。但點擊按鈕不加載data.so我希望它加載在enyo.js中的表。謝謝使用enyo.js動態地在表格中插入數據

回答

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(); 
    } 
});​ 
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; 
}