jquery - JQuery EasyUI Row Expander 詳細ビュー データグリッド

Question

JQuery EasyUI データ グリッドで、詳細ビューに展開するデフォルトの方法は、最初の列のプラス記号をクリックすることです。行自体をクリックすると詳細ビューに展開されるようにするにはどうすればよいですか。

デフォルトのソリューションについては、以下を参照してください。

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 メソッドを処理します (展開/折りたたみを行います)。