2011-03-21 57 views
0

我使用這篇文章架構http://blog.extjs.eu/know-how/writing-a-big-application-in-ext/如何在分組數據網格將

這裏的顯示是我的Application.ResellerGrid.js

Application.ResellerGrid = Ext.extend(Ext.grid.GridPanel, { 
    border:false 
    ,cityname : '' 
    ,columndataindex : '' 
    ,fromdate:'' 
    ,todate : '' 
    ,initComponent:function() { 
     var config = { 
      store:new Ext.data.GroupingStore({ 
       // store configs 
       autoDestroy: true, 
       autoLoad :false, 
       url: 'api/index.php?_command=getresellers&city='+this.cityname+'&columndataindex='+this.columndataindex 
       +'&fromdate='+this.fromdate+'&todate='+this.todate 
       , 
       storeId: 'getresellerscount', 
       // reader configs 
       root: 'reseller', 
       idProperty: 'mobile', 
       fields: [ 
        {name: 'parentname'}, 
        {name: 'firstname'}, 
        {name: 'lastname'}, 
        {name: 'mobile'}, 
        {name: 'email'}, 
        {name: 'tmecode'}, 
        {name: 'tmename'}, 
        {name: 'updatedon'}, 
        {name: 'apptype'}, 
        {name: 'alloctype'}, 
        {name: 'empparent'}, 
        {name: 'irodeferred'} 
       ] 
       ,sortInfo:{field: 'parentname', direction: "ASC"} 
       ,groupField:'parentname' 
      }) 
      ,columns: [ 
       { 
        id  :'parentname', 
        header : 'Parent Name', 
        width : 120, 
        sortable : true, 
        dataIndex: 'parentname' 
       }, 
       { 
        id  :'firstname', 
        header : 'First Name', 
        width : 120, 
        sortable : true, 
        dataIndex: 'firstname' 
       }, 
       { 
        id  :'lastname', 
        header : ' Last Name', 
        width : 100, 
        sortable : true, 
        dataIndex: 'lastname' 
       }, 
       { 
        id  :'mobile', 
        header : 'Mobile', 
        height : 50, 
        width : 100, 
        sortable : true, 
        dataIndex: 'mobile' 
       }, 
       { 
        id  :'email', 
        header : 'E-Mail', 
        width : 100, 
        sortable : true, 
        dataIndex: 'email' 
       }, 
       { 
        id  :'tmecode', 
        header : ' TME Code', 
        width : 100, 
        sortable : true, 
        dataIndex : 'tmecode' 
       }, 
       { 
        id  :'updatedon', 
        header : ' updatedon', 
        width : 100, 
        sortable : true, 
        dataIndex: 'updatedon' 
       }, 
       { 
        id  :'empparent', 
        header : ' empparent', 
        width : 100, 
        sortable : true, 
        dataIndex: 'empparent' 
       }, 
       { 
        id  :'alloctype', 
        header : ' alloctype', 
        width : 100, 
        sortable : true, 
        dataIndex: 'alloctype' 
       }, 
       { 
        id  :'apptype', 
        header : ' apptype', 
        width : 100, 
        sortable : true, 
        dataIndex: 'apptype' 
       } 
      ] 
      ,view: new Ext.grid.GroupingView({ 
       forceFit:true, 
       groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})' 
      }) 
      ,plugins :[] 
      ,viewConfig :{forceFit:true} 
      ,tbar :[] 
      ,bbar :[] 
      ,height : 250 
      ,width : 860 
      ,title : 'Reseller Grid' 
     }; // eo config object 

     // apply config 
     Ext.apply(this, Ext.apply(this.initialConfig, config)); 

     Application.ResellerGrid.superclass.initComponent.apply(this, arguments); 
    } // eo function initComponent 
    ,onRender:function() { 
     this.store.load(); 

     Application.ResellerGrid.superclass.onRender.apply(this, arguments); 
    } // eo function onRender 
}); 

Ext.reg('ResellerGrid', Application.ResellerGrid); 

這裏是我的JSON響應

{ 
    "reseller": [{ 
     "firstname": "anusha", 
     "lastname": "", 
     "mobile": "9739949891", 
     "email": "", 
     "tmecode": "010739", 
     "tmename": "Deepa S", 
     "updatedon": "2011-03-18 13:17:22", 
     "apptype": "1", 
     "alloctype": "2", 
     "empparent": "Bangalore", 
     "parentname": "HEMARLI" 
    }, { 
     "firstname": "IBRAZ", 
     "lastname": "", 
     "mobile": "9740834768", 
     "email": "", 
     "tmecode": "010739", 
     "tmename": "Deepa S", 
     "updatedon": "2011-03-18 17:52:04", 
     "apptype": "1", 
     "alloctype": "2", 
     "empparent": "Bangalore", 
     "parentname": "HEMARLI" 
    }, { 
     "firstname": "manjunath", 
     "lastname": "", 
     "mobile": "7829407211", 
     "email": "[email protected]", 
     "tmecode": "012574", 
     "tmename": "Geetha S", 
     "updatedon": "2011-03-19 17:12:17", 
     "apptype": "1", 
     "alloctype": "2", 
     "empparent": "Bangalore", 
     "parentname": "HEMARLI" 
    }] 
} 

我的網格中的數據沒有顯示爲什麼?

+0

有什麼問題嗎? – 2011-03-21 12:22:44

+0

我的網格中的數據沒有顯示爲什麼? – XMen 2011-03-21 12:24:44

+0

通過使用jsonreader – XMen 2011-03-21 12:46:21

回答

0

通過添加jsonreader完成,如果沒有jsonreader,分組存儲不起作用。

相關問題