/*** Grid*/ actions.push(  {  text: '评分',  iconCls: 'gradebtn',  listeners: {  'click' : function() {  var xg = Ext.grid;  var store = new Ext.data.GroupingStore({  autoLoad:true,  reader: new Ext.data.JsonReader({  root: 'data',  totalProperty: 'total',  remoteSort: true  },  [  {name:'groupid'},  {name:'groupname'},  {name:'itemid'},  {name:'itemgroupid'},  {name:'itemname'},  {name:'itemvalue'},  {name:'isnumber'},  {name:'status',type:'boolean'},  {name: 'desc'}  ]),  proxy: new Ext.data.HttpProxy({  url: window.webRoot + 'rest/qaitem/',  method: 'GET'  }),  sortInfo:{field: 'itemname', direction: "ASC"},  groupField:'groupname'  });  var sm = new Ext.grid.CheckboxSelectionModel();  /** 设置次数 setNumber = function(v){ console.info(v); var record = sm.getSelected(); record.set('isNumber',v); } */  var grid = new xg.EditorGridPanel({  store: store,  clicksToEdit: 1,  stripeRows:true,  sm: sm,  listeners: {  beforeedit: function(e) {  if (e.record.get("isnumber") == "NO") {  return false;  }else{  return true;  }  }  },  columns: [  {id:'itemname',header: "选项组名称", width: 270, sortable: true, dataIndex: 'itemname'},  {header: "次数", width: 30, sortable: true, dataIndex: 'isnumber',  editor: new Ext.form.NumberField(),  renderer: function(v,m,r){  return v;   /* if(v =="YES"){ var showv = (r.data.isnumber=="YES"?'' : r.data.isNumber); return  r.data.isNumber;//"<input type='text' value = '"+showv+"' size='7' onkeyup ='setNumber(this.value)' />"; }else if(v=="NO"){ return "不存在次数"; }else{ return "数据读取失败"; } */  }  },  {dataIndex: 'groupid',hidden:true},  {dataIndex: 'itemid',hidden:true},  {dataIndex: 'itemgroupid',hidden:true},  {dataIndex:'status',hidden:true},  {header:'分值', width:20, sortable:true, dataIndex: 'itemvalue',  renderer: function(v,m,r){
//                                  m.css='x-grid-bak-blue';  var str = "<a href='javascript:void(0); οnclick="+'points()'+"'>"+v+"</a>";  var str1 = "<a href='javascript:void(0); οnclick="+'points(true)'+"'>取消</a>";  if(r.data.isnumber != "NO" ){  return v;  }  return !r.data.status?str : str1;  }  },  {header: "评分选项组", width: 30, sortable: true, dataIndex: 'groupname'}  ],  view: new Ext.grid.GroupingView({  forceFit:true,  groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "项" : "个"]})'  }),  frame:true,  loadMask:true,  layout: 'fit',  width: 950,  height: 450  });  points = function(is){  var r = sm.getSelected();  if(r.data.isnumber != "NO"){  //转换成int操作  次数和是否扣分了
                              }  r.set('fenshu', r.data.itemvalue);  r.set('status',!is);  r.commit();  }  var win = new Ext.Window({  title:'质检评分',  width:955,  height:515,  region:'center',  iconCls: 'gradebtn',  layout: 'fit',  resizable:true,   modal:true,  closeAction:'hide',  items:[grid],  buttons:[{  text:'保存',  listeners : {  'click' : function() {  var fenshu = '',itemname ='';  var status = '',itemgroupid ='';  var isNumber = '',itemid='';  var groupid = '',grouptypeid='',groupname='';  for (var i = 0; i<store.data.items.length; i++) {  var rco = store.getAt(i);  if(i==store.data.items.length-1){  fenshu +=rco.get('itemvalue');  status += rco.get('status');  groupid += rco.get('groupid');  groupname += rco.get('groupname');  itemid += rco.get('itemid');  itemgroupid += rco.get('itemgroupid');  itemname += rco.get('itemname');  if(rco.get('isnumber')=='YES'||rco.get('isnumber')=='NO'||rco.get('isnumber')==''){  isNumber += '0';  }else{  isNumber += rco.get('isnumber')+'';  }  }else{  fenshu +=rco.get('itemvalue')+',';  status += rco.get('status')+',';  groupid += rco.get('groupid')+',';  groupname += rco.get('groupname')+',';  itemid += rco.get('itemid')+',';  itemgroupid += rco.get('itemgroupid')+',';  itemname += rco.get('itemname')+',';  if(rco.get('isnumber')=='YES'||rco.get('isnumber')=='NO'||rco.get('isnumber')==''){  isNumber += '0,';  }else{  isNumber += rco.get('isnumber')+',';  }  }  }  Ext.Ajax.request({  url : window.webRoot + 'rest/qaitemscore/',  params: {  userId:'<%=userId%>',  recordId:rec.get('id'),  ani:rec.get('ani'),  dnis:rec.get('dnis'),  callType:rec.get('callType'),  begintime:formatDateTime(rec.get('beginTime')),  endtime:formatDateTime(rec.get('endTime')),  length:rec.get('callTime'),  extno:rec.get('extNo'),  fileName:rec.get('fileName'),  agentNo:rec.get('agentNo'),  itemvalue: fenshu,  status: status,  isNumber: isNumber,  groupid: groupid,  grouptypeid: grouptypeid,  groupname: groupname,  itemid: itemid,  itemgroupid: itemgroupid,  itemname: itemname,  callId: rec.get('callId'),  assigenederid: rec.get('assigeneder')  },  success: function(res) {  myMask.hide();  var respText = Ext.decode(res.responseText);   if(respText.code == 'OK') {  Ext.Msg.alert('系统提示', '评分成功');  close();  } else {  Ext.Msg.alert('保存失败', respText.message + "（" + respText.code + "）");  }  },  failure: function(res) {  myMask.hide();  var respText = Ext.decode(res.responseText);  Ext.Msg.alert('保存失败', respText.message + "（" + respText.code + "）");  },  method: 'POST'  });  }    }  },{  text:'取消',  listeners : {    'click' : function() {  close();  }  }  }]  }).show();  var close=function(){  win.hide();  }  }  }  }  );  

/*** Grid* 此js演示了ExtJS之分组表格--GroupingGrid*/
//表格数据最起码有列、数据、转换原始数据这3项
Ext.onReady(function(){var columns = [{header:'编号',dataIndex:'id'},{header:'性别',dataIndex:'sex'},{header:'名称',dataIndex:'name'},{header:'描述',dataIndex:'descn'}];var data = [['1','male','name1','descn1'],['2','female','name2','descn2'],['3','male','name3','descn3'],['4','female','name4','descn4'],['5','male','name5','descn5']];var store = new Ext.data.ArrayStore({fields:[{name:'id'},{name:'sex'},{name:'name'},{name:'descn'}],data:data,groupField:'sex', //确定哪一项分组sorter:[{property:'id', //排序属性direction:'ASC'} //排序方式
        ]});var grid = new Ext.grid.GridPanel({width:300,autoHeight:true,store:store,columns:columns,features:[{ftype:'grouping'}],renderTo:'grid',forceFit:true});
});

<button id="expand">expand</button>
<button id="collapse">collapse</button>
<button id="one">toggle one</button>
<div id="grid"></div>

//分组表格视图Ext.get('expand').on('click',function(){grid.view.features[0].expandAll();//grid.view.features[0]:返回grid的第一个features（当前的grid只有一个）
    });Ext.get('collapse').on('click',function(){grid.view.features[0].collapseAll();});Ext.get('one').on('click', function() {var feature = grid.view.features[0];if (feature.isExpanded('female')) {//如果female节点是展开的，返回true
//            feature.expand('female');//展开feature.collapse('female');//闭合} else {
//            feature.collapse('female');//闭合feature.expand('female');//展开
        }});

/*** Grid* 此js演示了ExtJS之分组表格--GroupingGrid*/
//表格数据最起码有列、数据、转换原始数据这3项
Ext.onReady(function(){var columns = [{header:'编号',dataIndex:'id'},{header:'性别',dataIndex:'sex'},{header:'名称',dataIndex:'name'},{header:'描述',dataIndex:'descn'}];var data = [['1','male','name1','descn1'],['2','female','name2','descn2'],['3','male','name3','descn3'],['4','female','name4','descn4'],['5','male','name5','descn5']];var store = new Ext.data.ArrayStore({fields:[{name:'id'},{name:'sex'},{name:'name'},{name:'descn'}],data:data,groupField:'sex', //确定哪一项分组sorter:[{property:'id', //排序属性direction:'ASC'} //排序方式
        ]});var grid = new Ext.grid.GridPanel({width:300,autoHeight:true,store:store,columns:columns,features:[{ftype:'grouping'}],renderTo:'grid',forceFit:true});//分组表格视图Ext.get('expand').on('click',function(){grid.view.features[0].expandAll();//grid.view.features[0]:返回grid的第一个features（当前的grid只有一个）
    });Ext.get('collapse').on('click',function(){grid.view.features[0].collapseAll();});Ext.get('one').on('click', function() {var feature = grid.view.features[0];if (feature.isExpanded('female')) {//如果female节点是展开的，返回true
//            feature.expand('female');//展开feature.collapse('female');//闭合} else {
//            feature.collapse('female');//闭合feature.expand('female');//展开
        }});
});