Question

你好，你在知道上发布的问题jquery EasyUi datagrid 折叠解决了吗

现在我也需要那样的效果 ，可以给我个例子吗，谢谢

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）

Answer 1

这个问题很简单的，需要用一个扩展的js。代码如下：
<table id="germGrid" idfield="xh" class="easyui-datagrid" fit="true" pagination="true"
rowStyler="funRowColr" border="false" singleSelect="true">
<thead>
<tr>
<th field="send_date" width="110" align="center" >名词</th>
</tr>
</thead>
</table>
js就是这样的：
$('#germGrid').datagrid({
url:"Controller.aspx?controller=YuJinController&method=GetPatGer",
view: detailview,
detailFormatter:function(index,row){
return '<div id="ddv-' + index + '" style="padding:5px 0"></div>';
},
onExpandRow: function(index,row){
$('#ddv-'+index).datagrid({
url:"Controller.aspx?controller=YuJinController&method=GetMFAnti&zyid="+zyid+"&send_no="+row.ym_no+"",
singleSelect:true,
rownumbers:true,
loadMsg:'正在加载中……',
height:'auto',
columns:[[
{title:'子名词',field:'Anti_name',width:130}
]],
onResize:function(){
$('#germGrid').datagrid('fixDetailRowHeight',index);
},
onLoadSuccess:function(){
setTimeout(function(){
$('#germGrid').datagrid('fixDetailRowHeight',index);
},0);
}
});
$('#germGrid').datagrid('fixDetailRowHeight',index);
}
});
扩展脚本叫做datagrid-detailview.js
，网上可以下载到，直接引用到页面就好，这个是easyui里面grid的一个扩展脚本。