ExtJs中dataReader的使用方法

来源：互联网发布：水平位移监测数据分析编辑：程序博客网时间：2024/05/21 18:38

--------------Ext.data.ArrayReader----------------------
          var oa_data = [
                           ['1','公文',3],
                           ['2','会议',2],
                           ['3','邮件',2]
                         ];
          var oa_reader = new Ext.data.ArrayReader({},
               [
                           {name: 'typeid'},
                           {name: 'waitings'},
                           {name: 'num'}
               ]);
            var oa_column=new Ext.grid.ColumnModel
               ([
                    {id:'typeid',header: "编号", width: 60, sortable: true, dataIndex: 'typeid',align:'left',hidden:true},
                    {id:'waitings',header: "待办事项", width: 100, sortable: true, dataIndex: 'waitings',align:'center'},
                    {id:'num',header: "数量", width: 70, sortable: true,dataIndex: 'num'}
               ]);
             var oa_store=new Ext.data.GroupingStore
               ({
                    reader:oa_reader,
                    data:oa_data
                });
              var oa_grid = new Ext.grid.GridPanel
              ({
                    store:oa_store,
                    cm:oa_column,
                    frame:true,
                    width:pleft-5,
                    height:175,
                    layout:"fit",
                    collapsible: false,
                    title: 'OA办公提醒'
               });
========================================================
----------------Ext.data.JsonReader---------------------
            var oa_reader = new Ext.data.JsonReader({totalProperty:"total",root:"root",fields:['typeid','waitings','num']});
            var oa_column=new Ext.grid.ColumnModel
               ([
                    {id:'typeid',header: "编号", width: 60, sortable: true, dataIndex: 'typeid',align:'left',hidden:true},
                    {id:'waitings',header: "待办事项", width: 100, sortable: true, dataIndex: 'waitings',align:'center'},
                    {id:'num',header: "数量", width: 70, sortable: true,dataIndex: 'num'}
               ]);
             var oa_store=new Ext.data.Store
               ({
                    autoLoad:true,
                    proxy:new Ext.data.HttpProxy({url:'ShowChart/json/lwzt.txt',method:'GET'}),
                    reader:oa_reader
                });
              oa_store.load();
              var oa_grid = new Ext.grid.GridPanel
              ({
                    store:oa_store,
                    cm:oa_column,
                    frame:true,
                    width:pleft-5,
                    height:500,
                    layout:"fit",
                    collapsible: false,
                    title: 'OA办公提醒'
               });
        -----lwzt.txt data for example-------------
{
    total:3,
    root:
    [
  {id:'1',minename:'酸刺沟',gas:'正常',person:'正常'},
  {id:'2',minename:'大地精',gas:'正常',person:'正常'},
  {id:'3',minename:'宏一',gas:'正常',person:'正常'},
  {id:'4',minename:'大地精',gas:'正常',person:'正常'},
  {id:'5',minename:'凯达',gas:'正常',person:'正常'},
  {id:'6',minename:'纳一',gas:'正常',person:'正常'},
  {id:'7',minename:'诚意',gas:'正常',person:'正常'},
  {id:'8',minename:'宝山',gas:'正常',person:'正常'},
  {id:'9',minename:'丁家渠',gas:'正常',person:'正常'},
  {id:'10',minename:'白家梁',gas:'正常',person:'正常'},
  {id:'11',minename:'苏家壕',gas:'正常',person:'正常'},
  {id:'12',minename:'富华',gas:'正常',person:'正常'},
  {id:'13',minename:'阳湾沟',gas:'正常',person:'正常'}
    ]
}

========================================================