easyui實現datagrid行內編輯
阿新 • • 發佈：2019-02-15
easyui的datagrid行內編輯對於修改資訊而言比較方便直觀，下面舉例說明：
需求說明：
在行內編輯員工狀態
一、編輯jsp
Html程式碼
二、編輯js
說明：
1.根據需求，除了status列，其它列均不要求被編輯，故設定readonly:'true',disabled:true，禁止其被編輯。
2.對obj物件設定editRow的意義在於限制使用者只能對一行進行修改操作，即在this.editRow == undefined前提下進行修改。
3.$('#dg').datagrid('beginEdit',index);是修改操作的開始，$('#dg').datagrid('endEdit',this.editRow);結束脩改。需注意的是，只有提交的資訊通過驗證（如果存在的話）才能結束脩改。結束脩改後會進入datagrid的onAfterEdit方法，以提交至控制器。
需求說明：
在行內編輯員工狀態
一、編輯jsp
Html程式碼
- ...
- <a href="#" id="save" onclick="obj.save()" class="easyui-linkbutton" iconCls="icon-save" plain="true">儲存</a>
-
<a href="#" id="redo" onclick="obj.redo()" class="easyui-linkbutton"iconCls="icon-redo" plain="true">取消編輯</a>
- </form>
- ...
二、編輯js
說明：
1.根據需求，除了status列，其它列均不要求被編輯，故設定readonly:'true',disabled:true，禁止其被編輯。
2.對obj物件設定editRow的意義在於限制使用者只能對一行進行修改操作，即在this.editRow == undefined前提下進行修改。
3.$('#dg').datagrid('beginEdit',index);是修改操作的開始，$('#dg').datagrid('endEdit',this.editRow);結束脩改。需注意的是，只有提交的資訊通過驗證（如果存在的話）才能結束脩改。結束脩改後會進入datagrid的onAfterEdit方法，以提交至控制器。