EasyUI datagrid可编辑
来源:互联网 发布:淘宝老客户怎么维护 编辑:程序博客网 时间:2024/04/18 13:59
根据EasyUI官网Demo,datagrid可编辑必须扩展。
//datagrid 扩展$.extend($.fn.datagrid.methods, {editCell: function(jq,param){return jq.each(function(){var opts = $(this).datagrid('options');var fields = $(this).datagrid('getColumnFields',true).concat($(this).datagrid('getColumnFields'));for(var i=0; i<fields.length; i++){var col = $(this).datagrid('getColumnOption', fields[i]);col.editor1 = col.editor;if (fields[i] != param.field){col.editor = null;}}$(this).datagrid('beginEdit', param.index);for(var i=0; i<fields.length; i++){var col = $(this).datagrid('getColumnOption', fields[i]);col.editor = col.editor1;}});}});
var editIndex = undefined;function endEditing(tname){if (editIndex == undefined){return true}if ($('#'+tname).datagrid('validateRow', editIndex)){$('#'+tname).datagrid('endEdit', editIndex);editIndex = undefined;return true;} else {return false;}}function myClickCell(index, field,tname){if(tname==null) return;if (endEditing(tname)){$('#'+tname).datagrid('selectRow', index).datagrid('editCell', {index:index,field:field});editIndex = index;}}
在datagrid :
onClickCell:function onClickCell(index, field){ myClickCell(index, field,'table'); }
columns:[[ .... { field: 'stel', title: '电话', width: 120,align: 'center',editor:'text'} ]],
onBeforeEdit:function(index,row){ row.editing = true; $('#table').datagrid('updateRow', {index:index,row:{}}); }, onAfterEdit:function(index,row){ row.editing = false; $('#table').datagrid('updateRow', {index:index,row:{}}); }, onCancelEdit:function(index,row){ row.editing = false; $('#table').datagrid('updateRow', {index:index,row:{}}); }
0 0
- EasyUI datagrid可编辑
- EasyUI DataGrid可编辑单元格
- EasyUI datagrid可编辑行
- easyui datagrid editgrid 可编辑datagrid(8)
- EasyUI-DataGrid 可编辑补充说明
- 【EasyUI】——可编辑的DataGrid
- easyui datagrid 设置可编辑行
- 【easyui】datagrid的列可编辑
- easyui-datagrid 行内编辑禁止字段可编辑
- jQuery EasyUI DataGrid 可编辑列级联操作
- struts2+easyui datagrid可编辑操作及列表数据提交
- jQuery-easyUI的使用:datagrid实现可编辑表格
- easyUI datagrid可编辑行JS代码片段总结
- EasyUI可编辑datagrid用combobox实现多级联动
- easyui datagrid合并行进入可编辑模式错位问题
- easyui datagrid 可编辑类型单元格-适当调整高度
- EasyUI datagrid分页,编辑
- Easyui - datagrid 列编辑
- mysql学习之3——Mysql锁定机制简介
- CentOS 6.7安装HBase 0.98.23
- RT5350资料
- 使用WindowLayoutParams要注意的地方
- 深度增强学习方向论文整理
- EasyUI datagrid可编辑
- Android UI开发: 横向ListView(HorizontalListView)及一个简单相册的完整实现 (附源码下载)
- 浅谈Json在java中的使用
- Java多态总结
- 单例设计模式
- mssql2012以后新增的offset分页,看起来爽死了!!!
- mybatis一对一关联
- Java多态总结
- 51nod 1433 0和5