jquery - JQuery EasyUI Row Expander Detailed View Datagrid

Question

In the JQuery EasyUI data grid the default method to expand into the details view is clicking the plus sign in the first column. How can I make it so that clicking the row itself expands into the detailed view.

See below for default solution:

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

Answer 1

在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 方法（展开/折叠）..