[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,求解。