jqGrid作為jqury的表格組件,上手容易,配置簡單 !但是因為組件的封裝很多事件必須理解透徹才能更好的用,當然也可以自己進行方法重寫。話不多說,說說我用jqgrid可編輯模式的經驗:
初始化:jqgrid設置可編輯:cellEdit:true;
表格具體列的設置: editable 用來說明這個列的數據是否可編輯,默認false!切記只有可見的才能進行編輯
edittype 可選的值是'text', 'textarea', 'select', 'checkbox', 'password', 'button', 'image', 'file'以及'custom'。默認值是text。
編輯后通過getRowData獲取數據時必須:
1 配置編輯前獲取變量
2 調用savecell方法
3 如果沒有做遇到的錯誤:獲取的rowdata為dom元素類似:<div/>!
4 上述問題解析:
(1)原因:getRowdata時,得到的是單元格的innerhtml;表單在行和單元格編輯模式時,是在新的控件中生成編輯編輯對象而不是輸入對象
(2)saveCell 即是將編輯對象改為輸入對象
beforeEditCell:
function
(
rowid
,
cellname
,
v
,
iRow
,
iCol
) {
lastrow
=
iRow
;
lastcell
=
iCol
;
},
$
(
"#desJqGrid"
).
jqGrid
(
"saveCell"
,
lastrow
,
lastcell
)
cellEdit:
true
,