SMART datagrid v.1 > Examples

[ grids ver.1.3.2]   Back  Forward

Dynamic Cell Editor  Example

数据单元格编辑器是通过DataColumn.editor属性而指定的,并且基本适用于包含在相关列的所有单元格。 但是,即使是属于同一列的数据单元格,有时也会有必要分别为各个行提供不同的编辑器, 而这时,可以使用GridBase.registerCellEditorsDataColumn.editorCallback。 

Grid - 1
0 rows

上述例题中,已在"进出口"列中,指定了各个行的编辑器。 首先,我们需要在网格中,注册编辑器设置信息, 

Code -1
    grid.registerCellEditors([{
        id: "text01"
    }, {
        id: "list01",
        type: "list",
        values: ["import", "export"]
    }, {
        id: "list02",
        type: "list",
        values: ["import", "export"],
        labels: ["进口", "出口"]
    }]);

然后,当设置列时,在editorCallback中,指定回调函数。 

Code -2
    var columns = [{
        name: "Flow",
        editorCallback: function (index) {
    	    var v = grid.getValueAt(index.rowIndex, 'trade');
    	    if (v > 20000) {
    	        return 'list02';
    	    } else if (v > 10000) {
    	        return 'list01';
    	    } else {
    	        return 'text01';
    	    }
        }
    },
    ...

查看源代码 JSP 

See Also
DataColumn.editor
LineCellEditor
GridBase.editOptions
Examples
文本单元格编辑器
列表单元格编辑器
数字单元格编辑器
日期单元格编辑器
单元格编辑