1. 程式人生 > >easyui-datagri編輯單元格

easyui-datagri編輯單元格

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;
        }
    }