jqGrid edit總結


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 ,


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM