javascript - enyo.jsを使用してデータをテーブルに動的に挿入します

Question

1つのテーブルまたは1つのボタンをタップするだけでリストに設定したい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;
}