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