JqGrid支持為view ,add, edit,delete, search創建一個on the fly的form。這使得Modal Boxes和行內編輯能夠在程序用結合。畢竟，行內編輯只能用在已經存在的行，并且不用用來搜索，刪除或添加數據。然而，不推薦同時使用Modal Boxes和行內編輯，因為當選中同一行時，他們會相互干擾。當你選擇一行進行編輯中，點擊了edit modal box，在box中會得到cell的id，而不是實際cell的數據內容。

1 軟件安裝必備

要使用這個module，需要jqModal和jqDnR插件的支持。總共需要grid.common.js，grid.formedit.js，jqModal.js，jqDnR.js的引用。

2 方法

所有方法的屬性和事件都不是jqGrid的一部分，而是做參數的選項的一部分，它傳遞給了方法。

3 editGridRow

這個方法為編輯特定行，通過modal dialog創建一個form。這個方法使用Common Editing Properties。調用約定：

1 jQuery("#grid_id").editGridRow( rowid, properties ); 2 or when we use the new API 3 jQuery("#grid_id").jqGrid('editGridRow', rowid, properties );

properties：是一個name:value對的數組，包含下面的屬性和事件。要改變，可以在語言文件中。

1 $.jgrid = { 2 ... 3 edit : { 4 addCaption: "Add Record", 5 editCaption: "Edit Record", 6 bSubmit: "Submit", 7 bCancel: "Cancel", 8 bClose: "Close", 9 saveData: "Data has been changed! Save changes?", 10 bYes : "Yes", 11 bNo : "No", 12 bExit : "Cancel", 13 ... 14 }, 15 ... 16 }

轉載于:https://www.cnblogs.com/msdynax/p/3313983.html

總結

以上是生活随笔為你收集整理的【JQGRID DOCUMENTATION】.学习笔记.5.Form Editing的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。