前言

有時候我們的后臺系統(tǒng)表單比較復雜,做過進銷存或者一些銷售訂單的都應該有過感覺

雖然Easyui Datagrid提供了行內(nèi)編輯,但是不夠靈活,但是我們稍微修改一下來達到批量編輯,批量刪除,批量添加的效果

現(xiàn)在我們來看看原的編輯:來自Easyui 1.5.1的Demo <demo/datagrid/rowediting.html>

seo優(yōu)化培訓,網(wǎng)絡推廣培訓,網(wǎng)絡營銷培訓,SEM培訓,網(wǎng)絡優(yōu)化,在線營銷培訓

接下來,我們主要是要高度自由的編輯實現(xiàn):

  • 1.可以同時追加多行

  • 2.追加的行可以是任何位置

  • 3.可以隨時進行編輯任意位置的行

  • 4.保存再統(tǒng)一驗證

實現(xiàn)

在原有的rowediting.html進行修改!

第一:修改行的點擊事件(點擊行的時候進入編輯狀態(tài))

seo優(yōu)化培訓,網(wǎng)絡推廣培訓,網(wǎng)絡營銷培訓,SEM培訓,網(wǎng)絡優(yōu)化,在線營銷培訓

    function onClickCell(index, field){            if (editIndex != index) {                if (endEditing()) {
                    $('#dg').datagrid('selectRow', 
        
		

網(wǎng)友評論