easyui在表格中修改指定列数据

您可以使用easyui的datagrid组件结合编辑器插件来实现表格中修改指定列数据的功能。

首先，在datagrid的columns属性中设置需要编辑的列的editor属性，例如：

columns: [{
    field: 'name',
    title: '姓名',
    editor: 'text'
}, {
    field: 'age',
    title: '年龄',
    editor: {
        type: 'numberbox',
        options: {
            min: 0,
            max: 150
        }
    }
}, {
    field: 'gender',
    title: '性别',
    editor: {
        type: 'combobox',
        options: {
            valueField: 'id',
            textField: 'text',
            data: [{
                id: 'male',
                text: '男'
            }, {
                id: 'female',
                text: '女'
            }]
        }
    }
}]

然后，在datagrid的toolbar中添加一个“保存”按钮，并在onClick事件中调用datagrid的endEdit和acceptChanges方法来保存修改的数据，例如：

$('#datagrid').datagrid({
    // ...
    toolbar: [{
        text: '保存',
        iconCls: 'icon-save',
        handler: function() {
            $('#datagrid').datagrid('endEdit', editIndex);
            $('#datagrid').datagrid('acceptChanges');
        }
    }]
});

最后，在datagrid的onDblClickRow事件中开启编辑模式，例如：

var editIndex = undefined;
$('#datagrid').datagrid({
    // ...
    onDblClickRow: function(rowIndex) {
        if (editIndex != rowIndex) {
            if ($('#datagrid').datagrid('validateRow', editIndex)) {
                $('#datagrid').datagrid('endEdit', editIndex);
            }
            $('#datagrid').datagrid('beginEdit', rowIndex);
            editIndex = rowIndex;
        }
    }
});

这样，当用户双击表格中的一行时，该行会进入编辑模式，用户可以修改指定列的数据，并通过点击“保存”按钮来保存修改的数据。