Extjs中的分组

Ext.onReady(function(){Ext.QuickTips.init();var data = [[1,'张一','1987-09-28','机械制造工程系','数控设备运用与维护'],[2,'张二','1985-05-09','机械制造工程系','数控设备运用与维护'],[3,'张三','1986-09-10','机械制造工程系','数控设备运用与维护'],[4,'张四','1987-05-04','机械制造工程系','数控设备运用与维护'],[5,'李一','1986-10-01','机械制造工程系','数控设备运用与维护'],[6,'李二','1985-05-06','机械制造工程系','数控技术'],[7,'李三','1985-07-20','机械制造工程系','数控技术'],[8,'李四','1987-08-28','机械制造工程系','数控设备运用与维护'],[9,'李五','1986-09-26','机械制造工程系','机电技术'],[10,'李六','1985-10-23','航空装备工程系','航空计算机'],[11,'李七','1985-11-20','机械制造工程系','数控设备运用与维护'],[12,'李八','1988-05-05','管理工程系','物流管理']];var cm = new Ext.grid.ColumnModel({defaults : {sortable : true},columns : [{header:'编号',dataIndex:'studentid'},{header:'姓名',dataIndex:'studentname'},{header:'出生日期',dataIndex:'birthday',type:'date',renderer:Ext.util.Format.dateRenderer('Y年m月d日')},{header:'系部',dataIndex:'department'},{header:'专业',dataIndex:'professional'}]});var store = new Ext.data.GroupingStore({reader : new Ext.data.ArrayReader({},[{name:'studentid',type:'int'},'studentname',{name:'birthday',type:'date',dateFormat:'Y-m-d'},'department','professional']),data : data,sortInfo : {field:'studentid',direction:'ASC'},groupField : 'professional'});var grid = new Ext.grid.GridPanel({title : '表格分组二',renderTo : Ext.getBody(),autoHeight : true,width : 600,cm : cm,store : store,view : new Ext.grid.GroupingView({forceFit : true,sortAscText : '升序',sortDescText : '降序',columnsText : '可选列',groupByText : '按照此列分组',showGroupsText : '显示分组'})});});