0

ExtJs 4.1 でツリー パネルを作成しました。そのパネルはストアに関連付けられています。変数で使用できる JSON データがいくつかあります。ボタンをクリックしてツリーストアにロードするにはどうすればよいですか。

Ext.define('User', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'id',    type: 'int'},
        {name: 'name',  type: 'string'},
        {name: 'phone', type: 'string', mapping: 'phoneNumber'}
    ]
});


var data = {
    users: [
        {
            id: 1,
            name: 'Ed Spencer',
            phoneNumber: '555 1234'
        },
        {
            id: 2,
            name: 'Abe Elias',
            phoneNumber: '666 1234'
        }
    ]
};

//上記のデータ構造と一致するようにリーダーで「ルート」を設定する方法に注意してください

var store = Ext.create('Ext.data.TreeStore', {
    autoLoad: false,
    model: 'User',
    proxy: {
        type: 'memory',

    }
});

ボタンをクリックしてデータをロードするにはどうすればよいですか?

4

3 に答える 3

0 
var store = Ext.create('Ext.data.TreeStore', {
    model: yourModel, // make sure the model fits
    proxy: {
        data : yourData, // this is your var with json
        type: 'memory',
        reader: {
            type: 'json'
        }
    },
});

ここで答えをチェックしてください: Load static data to Ext.data.TreeStore

ボタンのクリックでコードを実行するには、次のようにします。

Ext.create('Ext.Button', {
    text: 'Click me',
    handler: function() {
        // load the store
    }
});
于 2013-12-20T10:17:52.890 に答える
-1

試してみてくださいstore.data = data、「setData」のようなメソッドはないようです。試してみstore.data = dataてください

于 2013-12-20T10:11:32.027 に答える
-2

ボタンのクリック時に store.loadData メソッドを使用できます。こちらのドキュメントを確認してください。

于 2013-12-21T11:42:03.800 に答える