web-dev-qa-db-ja.com

jqGridで、行をダブルクリックして編集フォームを表示できますか?

jqGridのこのデモでは 、[選択した行の編集]ボタンをクリックすると:

enter image description here

編集フォームが表示されます。

enter image description here

グリッドの行をダブルクリックして、これと同じ編集フォームを表示する方法はありますか?

15
leora

非常に簡単に実装できます。

ondblClickRow: function(rowid) {
    jQuery(this).jqGrid('editGridRow', rowid);
}

ドキュメントに記載されている editGridRow の追加プロパティを使用することもできます。例えば

ondblClickRow: function(rowid) {
    jQuery(this).jqGrid('editGridRow', rowid,
                        {recreateForm:true,closeAfterEdit:true,
                         closeOnEscape:true,reloadAfterSubmit:false});
}
34
Oleg

簡単な方法

ondblClickRow : function(rowid) {
    $("#edit_mygridId").trigger("click");
}
2