extjs store手动加载问题

0 0

extjs store手动加载问题 10

如果按下 “加载”按钮后，在该按钮的函数丽，给data 赋值，store加载data, 弹出win框并显示grid, 但是我grid怎么都没数据，不知道问题出在哪里？

Ext.onReady(function() {
    var cm = new Ext.grid.ColumnModel([
        {header:'编号',dataIndex:'id'},
        {header:'名称',dataIndex:'name'},
        {header:'描述',dataIndex:'descn'}
    ]);
//定义的本地变量，store要读取它
    var data;
    var store = new Ext.data.Store({
        proxy: new Ext.data.MemoryProxy(data),
        reader: new Ext.data.ArrayReader({}, [
            {name: 'id'},
            {name: 'name'},
            {name: 'descn'}
        ])
    });
 
    var grid = new Ext.grid.GridPanel({
        store: store,
        cm: cm,
        autoHeight:true        
    });
     
    var p = new Ext.Panel({
        el:'p',
        title:'test',       
        width:500,
        height:400,
       bbar:[   
                 {text: '加载', 
                  handler: function(){
                         data = [
                             ['1','name1','descn1'],
                             ['2','name2','descn2'],
                             ['3','name3','descn3'],
                             ['4','name4','descn4'],
                             ['5','name5','descn5']
                         ];
                         store.load();
                          win.show();
                  }
              } ]
    });
    p.render();
     
    var win = new Ext.Window({
        title:'test',       
        width:500,
        height:400,
        items:grid
    })
});

谢谢！

2014年6月23日 23:14

kjwang
20
0 0 3

2个答案按时间排序按投票排序

0 0

store.loadData(data);

2014年6月24日 16:49

popopop
115
0 0 14

添加评论

0 0

Ext.onReady(function () {

    var store = Ext.create('Ext.data.ArrayStore', {
      fields: [
        {name: 'id'},
        {name: 'name'},
        {name: 'descn'}
      ],
      proxy: {
        type: 'memory',
        reader: {
          type: 'array'
        }
      }
    });

    Ext.create('Ext.panel.Panel', {
      title: 'Hello',
      width: 200,
      html: '<p>World!</p>',
      renderTo: Ext.getBody(),
      bbar: [
        {text: '加载',
          handler: function () {
            store.loadData([
              ['1', 'name1', 'descn1'],
              ['2', 'name2', 'descn2'],
              ['3', 'name3', 'descn3'],
              ['4', 'name4', 'descn4'],
              ['5', 'name5', 'descn5']
            ]);
            
            Ext.create('Ext.window.Window', {
              title: 'Hello',
              height: 200,
              width: 400,
              layout: 'fit',
              items: {
                xtype: 'grid',
                border: false,
                columns: [
                  {header: '编号', dataIndex: 'id'},
                  {header: '名称', dataIndex: 'name'},
                  {header: '描述', dataIndex: 'descn'}
                ],
                store: store
              }
            }).show();
          }
        }
      ]
    });
  });

2014年6月24日 11:27