Question

easyui datagrid 怎么实现分组

Answer 1

我再研究下。上次没研究出来。

---搞定了

<script type="text/javascript">

var data=[
{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
{"productid":"A","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
{"productid":"A","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
{"productid":"A","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"}
];

$(function(){
//解析成json对象
var row=JSON.parse('{"itemid": "60","productid":"FI-SW-01"}');
var row1=JSON.parse('{"itemid": "70","productid":"RP-SN-01"}');
var row2=JSON.parse('{"itemid": "70","productid":"A"}');
var datagrid=document.getElementById("dg");
//-1是写死的。这你肯定要用循环写。，第二行的最后的1代表你要加几行，这根据你传入的json而定。以后每行都在所有前面行的总数上加1
groupview.insertRow(datagrid, -1, row,0);
groupview.insertRow(datagrid, -1, row1,1);
groupview.insertRow(datagrid, -1, row2,0+1+1);
});
</script>

//修改了datagrid-groupview.js源码。你可以用比对文件比对下改了哪里。

Answer 2

代码如下：
<table id="dg" title="My Users" style="width:550px;height:250px" url="get_users.php" toolbar="#toolbar" fitcolumns="true" singleselect="true">
<thead>
<tr>
<th field="firstname" width="50">First Name</th>
<th field="lastname" width="50">Last Name</th>
<th field="phone" width="50">Phone</th>
<th field="email" width="50">Email</th>
</tr>
</thead>
</table>
<div id="toolbar">
<a href="#" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="newItem()">New</a>
<a href="#" class="easyui-linkbutton" iconcls="icon-remove" plain="true" onclick="destroyItem()">Destroy</a>
</div>