easyui-datagri編輯單元格
阿新 • • 發佈:2018-12-17
1.新增editor:'text’屬性
editor:'text'
2.js通用程式碼
$.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() { if (editIndex == undefined) { return true } if ($('#work').datagrid('validateRow', editIndex)) { $('#work').datagrid('endEdit', editIndex); editIndex = undefined; return true; } else { return false; } } //單擊單元格 function onClickCell(index, field) { if (endEditing()) { $('#work').datagrid('selectRow',index).datagrid('editCell', { index : index, field : field }); editIndex = index; } }