JQuery EasyUI Row Expander详细视图Datagrid

时间:2013-06-08 05:01:44

标签: jquery datagrid jquery-easyui

在JQuery EasyUI数据网格中,展开到详细信息视图的默认方法是单击第一列中的加号。我怎样才能使它单击行本身扩展到详细视图。

请参阅下面的默认解决方案:

http://www.jeasyui.com/tutorial/datagrid/datagrid21.php

1 个答案:

答案 0 :(得分:0)

在easyui插件中..需要为组行添加onclick事件。

如果这是插件中的行,

_665.push("<div class=\"datagrid-group\" group-index="+i+" style=\"height:25px;overflow:hidden;border-bottom:1px solid #ccc;\">");

为以上内容添加onclick事件,如下所示,

_665.push("<div onclick=\"groupHeadClicked('"+_668.fvalue+"')\" class=\"datagrid-group\" group-index="+i+" style=\"height:25px;overflow:hidden;border-bottom:1px solid #ccc;\">");

所以在你的页面中,处理这个groupHeadClicked方法(做展开/折叠)..