datagrid单元格可编辑

datagrid单元格可编辑

记录datagrid单元格可编辑的步骤:
1.在属性字段加入editor属性

 var column = {
            title: '',
            field: '',
            halign: 'center',
            editor: { //加入属性
                type: 'textbox'
            }
}

2.在设置datagrid加入onClickCell属性

objDataGrid = $('#grid').datagrid({
        border: false,
        rownumbers: true,
        singleSelect: true,
        remoteSort: false,
        multiSort: true,
        scrollbarSize: 0,
        height: height,
        width: width,
        columns: column ,
        onClickCell: onClickCellGrid//用户点击单元格触发
    });

3.添加onClickCell触发事件

//点击单元格触发
function onClickCellGrid(index, field, value) {
    objDataGrid.datagrid('selectRow', index);
    var ed = objDataGrid.datagrid('getEditor', { index: index, field: field });
    ($(ed.target).data('textbox') ? $(ed.target).textbox('textbox') : $(ed.target)).focus();
    objDataGrid.datagrid('beginEdit', index);
}

你可能感兴趣的:(EasyUi学习)