Ext grouping分组

Question

[code="java"]
//页面加载时执行的操作-------------------------------------------------
Ext.onReady(function(){

createPanel();
createLayout();

});
//公共变量-----------------------------------------------------------------

var panels;

//布局管理--------------------------------------------------------------
function createLayout(){
new Ext.Viewport({

layout:'border',

items:[{

region:'center',
id:'panel',
xtype:'panel',
//activeTab:0,
layout:'fit',
contentEl:'dms-content',
items:panels
}]

})

}
//搭建一个右面的面板，里面包含了一个grid-------------------------------------
function createPanel(){

//详细

//----构建grid
grid = new Ext.grid.GridPanel({
id:'SearchGrid',
height:400,

store:ds,

columns:[

    {header:'行号',renderer:function(value, cellmeta, record, rowIndex){return rowIndex + 1;},width:50},   
    {header:'工号',dataIndex:'personID',width:50},   
    {header:'姓名',dataIndex:'name',width:60},   
    {header:'卡号',dataIndex:'cardNO',width:60},  
    {header:'部门',dataIndex:'deptname',width:100}, 
    {header:'职务',dataIndex:'dutyName',width:100}, 
    {header:'工种',dataIndex:'jobs',width:100}, 
    {header:'入井时间',summaryType:'sum'
            ,summaryRenderer: function(v, params, data){return v;},
            dataIndex:'inWellTimes',width:130,renderer:function(value, cellmeta, record, rowIndex){

    return value;}}, 
    {header:'井下停留时长',dataIndex:'toWellTimes',width:140}, 
    {header:'超时',dataIndex:'overtime',width:100}, 
    {header:'当前区域',dataIndex:'nowArea',width:100}, 
    {header:'当前基站',dataIndex:'jiZhan',width:130}

],   


    bbar:new Ext.PagingToolbar({   
    store:ds,   
    pageSize:20 
}),   
border:false ,

    view: new Ext.grid.GroupingView({
        showGroupName: false,
        enableNoGroups:false, // REQUIRED!
        hideGroupedColumn: true
    }),
    animCollapse: false,
    plugins: summary 

});   

panels = new Ext.Panel({   
    border:     false,   
    layout:'fit',  
    items:      grid   
});   

}

var reader = new Ext.data.JsonReader({
fields: [
"personID",

    {name:"name"},
    {name:"num"},
    {name:"cardNO"},
    {name:"deptname"},
    {name:"dutyName"},
    {name:"jobs"},
    {name:"toWellTimes"},
    {name:"overtime"},
    {name:"nowArea"},
    {name:"jiZhan"}
            ]
        });

//定义的数据源--------------------------------------------------------------------------

var ds = new Ext.data.GroupingStore({
reader:reader,

    proxy: new Ext.data.HttpProxy({
        url:'/KJ222/UndergroundStaffPositions/getAll'
        }),

        groupField:'deptname',
        sortInfo:{field:'deptname', direction: "ASC"},
        baseParams:{
            limit:20
        },
        totalProperty:'total',
        root:'demo'

    });
    ds.load({
        params:{start:0}
    });     
    var summary = new Ext.grid.GroupSummary();

[/code]
后台返回的json
[code="java"]
{total:2,demo:[{"id":null,"jobs":"维修工","cardNO":"12","jiZhan":"基站3","name":"吕卫军","nowArea":"区域1","dutyName":"副队长","toWellTimes":"4天18时46分35秒","inWellTimes":"2009-12-31 16:40:00.0","deptname":"生产准备队","overtime":"4天16时46分35秒","personID":"7"},{"id":null,"jobs":"瓦检员","cardNO":"15","jiZhan":"基站3","name":"李晋军","nowArea":"区域1","dutyName":"工人","toWellTimes":"4天18时46分35秒","inWellTimes":"2009-12-31 16:40:00.0","deptname":"通风队","overtime":"4天16时46分35秒","personID":"10"}]}
[/code]

问题：不能显示这个分组grid，求解。

Answer 1

在reader加两个属性
[code="js"]
var reader = new Ext.data.JsonReader({

totalProperty:'total',
root:'demo',
fields: [

"personID",

     {name:"name"},  
    {name:"num"},  
     {name:"cardNO"},  
     {name:"deptname"},  
     {name:"dutyName"},  
     {name:"jobs"},  
     {name:"toWellTimes"},  
     {name:"overtime"},  
     {name:"nowArea"},  
    {name:"jiZhan"}  
             ]  
         });  

[/code]