前言

有時(shí)候我們的后臺(tái)系統(tǒng)表單比較復(fù)雜，做過(guò)進(jìn)銷(xiāo)存或者一些銷(xiāo)售訂單的都應(yīng)該有過(guò)感覺(jué)

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

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

seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷(xiāo)培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營(yíng)銷(xiāo)培訓(xùn)

接下來(lái)，我們主要是要高度自由的編輯實(shí)現(xiàn)：

  • 1.可以同時(shí)追加多行

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

  • 3.可以隨時(shí)進(jìn)行編輯任意位置的行

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

實(shí)現(xiàn)

在原有的rowediting.html進(jìn)行修改！

第一：修改行的點(diǎn)擊事件（點(diǎn)擊行的時(shí)候進(jìn)入編輯狀態(tài)）

seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷(xiāo)培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營(yíng)銷(xiāo)培訓(xùn)

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