easyui 行编辑
2016-12-19 23:40
218 查看
easyui可编辑数据网络(datagrid)
要引入js文件easyui-edatagrid.js
点击表格外实现自动保存
要引入js文件easyui-edatagrid.js
<script type="text/javascript" src="../jquery.edatagrid.js"></script>
<table id="dg" class="easyui-datagrid" style="width: 100%; height: 100%" data-options=" toolbar:'#tbRule', url:'列表数据请求地址', pagination:false, fitColumns:true, singleSelect:true, border:false"> <thead> <tr> <th field="yearDay" width="25%" align="center" editor="{type:'datebox',options:{ valueField:'yearDay', required:true } }">日期</th> <th field="dayDescribe" width="50%" align="center" editor="{type:'textbox', valueField:'dayDescribe', required:true } }">日期描述</th> </tr> </thead> </table>
点击表格外实现自动保存
$(function() { $('#dg2').edatagrid({ autoSave : true, updateUrl : '后台更新地址', onSuccess : function(index, row) {//Fires when a row is saved successfully on the server. $.messager.show({ title : '提示', msg : '保存成功', timeout : 3000, showType : 'slide' }); }, onError : function(index, row) { showError(row.msg); } }); });
相关文章推荐
- easyui textbox combobox 设置只读不可编辑状态
- easyui分页,编辑datagrid某条数据保存以后跳转到某一页
- EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
- Easyui 编辑表格行删除
- EasyUI DataGrid能编辑
- easyui datagrid 编辑的时候只能编辑一行
- EasyUI TreeGrid编辑单元格的点击事件和赋值
- EasyUI在window中使用kindeditor 4.1.10在IE9中不能回显、获得焦点编辑的问题
- easyui datagrid 编辑模式
- easyui-edatagrid.js实现回车键结束编辑功能
- easyui datagrid 单元格编辑保存
- EasyUI+Knockout实现经典表单的查看、编辑
- easyui-datagrid 编辑单元格
- 基于asp.net + easyui框架——实现添加、编辑、删除(三)
- (原创)EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
- Easyui 行编辑 endedit时 TypeError: Value does not implement interface Node.异常
- knockoutjs + easyui.treegrid 可编辑的自定义绑定插件
- easyUI中PropertyGrid 设置不可编辑
- easyui datagrid 行编辑功能
- easyui如何动态改变列的编辑属性