目標(biāo)：使用datagrid進(jìn)行數(shù)據(jù)的修改

第一步：查看easyui的API，找到formatter,然后粘貼到所用到的js代碼中

第二步：然后在js代碼中把剛剛粘貼的代碼改成需要的樣子?

結(jié)果展示：

第三步：再到API中找到dialog然后拷到所用的頁面中?

用法有兩個(gè)（我們這使用第一個(gè)）

但這默認(rèn)是打開的要把它改為默認(rèn)不打開

?

只需把modal里的true改為false就可以了

或者找到closed屬性添加進(jìn)去就行了

第四步：給修改加一個(gè)點(diǎn)擊事件，讓點(diǎn)擊修改時(shí)彈出一個(gè)窗口?

?

第五步：加入form表單控件?

?在api里找到form表單控件的方法，然后粘貼到j(luò)sp頁面

結(jié)果展示：

第六步：找到api里的button控件?

?粘貼到j(luò)sp頁面里面

或者直接用下面代碼覆蓋

<div id="dd" class="easyui-dialog" title="編輯窗體"style="width: 500px; height: 200px;"data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true,buttons:'#bb'"><!-- 提交的from表單 --><form id="ff" action="" method="post"><div style="margin-bottom:20px"><input class="easyui-textbox" name="bname" style="width:100%" data-options="label:'書名:',required:true"></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="price" style="width:100%"data-options="label:'價(jià)格:',required:true"></div><input type="hidden" id="book_id" name="bid" value=""></form><div style="text-align:center;padding:5px 0"><a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:80px">Submit</a><a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">Clear</a></div></div>

結(jié)果展示：

?

第七步：數(shù)據(jù)回顯到窗口上

只需用rows獲取數(shù)據(jù)不需要訪問數(shù)據(jù)庫

結(jié)果展示：

?

注意：凡是要進(jìn)行數(shù)據(jù)回顯，一定要和form表單中的name屬性對(duì)應(yīng)上?

第八步：點(diǎn)擊提交修改數(shù)據(jù)?

在api中找到submit

?然后寫一個(gè)提交的方法

再寫dao方法和子控制器

這個(gè)時(shí)候能修改但是不能自動(dòng)關(guān)閉窗口

第八步：在子控制器調(diào)用方法返回值

如果為1則修改成功然后關(guān)閉窗口

?

到這就可以了！！?

拜拜各位！！！?

?

總結(jié)

以上是生活随笔為你收集整理的Easyui之datagrid修改的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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