JqGrid支持為view ,add, edit,delete, search創(chuàng)建一個(gè)on the fly的form。這使得Modal Boxes和行內(nèi)編輯能夠在程序用結(jié)合。畢竟，行內(nèi)編輯只能用在已經(jīng)存在的行，并且不用用來(lái)搜索，刪除或添加數(shù)據(jù)。然而，不推薦同時(shí)使用Modal Boxes和行內(nèi)編輯，因?yàn)楫?dāng)選中同一行時(shí)，他們會(huì)相互干擾。當(dāng)你選擇一行進(jìn)行編輯中，點(diǎn)擊了edit modal box，在box中會(huì)得到cell的id，而不是實(shí)際cell的數(shù)據(jù)內(nèi)容。

1 軟件安裝必備

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

2 方法

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

3 editGridRow

這個(gè)方法為編輯特定行，通過(guò)modal dialog創(chuàng)建一個(gè)form。這個(gè)方法使用Common Editing Properties。調(diào)用約定：

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

properties：是一個(gè)name:value對(duì)的數(shù)組，包含下面的屬性和事件。要改變，可以在語(yǔ)言文件中。

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 }

轉(zhuǎn)載于:https://www.cnblogs.com/msdynax/p/3313983.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。