SMART datagrid v.1 > Examples

Back  Forward

Text Cell Editors  Example

SMART datagrid格模块提供LineCellEditorMultiLineCellEditor等两个单元格编辑器。 可以通过DataColumn.editor属性,设置单元格编辑器。 可以使用文本而简单设置编辑器的类型,也可以同编辑器的属性一起传递编辑器的类型。 请参考editor帮助主题。 

1. Single Line CellEditor

LineCellEditor是可以输入一行文本的编辑器。 当设置DataColumn.editor时,如果将type指定为"line"或不进行指定,就会使用这个编辑器。 如果输入enter键,就会完成编辑,而如果输入esc键,则会取消编辑。 可以通过maxLength,指定可输入的最大长度。 

所选列的编辑器的最大长度。 

而且,通过textCase而指定输入大小写。 

Text Input Case:
Column Text Case:

如果编辑器的textCase为default,就会遵循列的textInputCase。 

Grid - 1
0 rows
2. Multi Line CellEditor

MultiLineCellEditor是可以输入多行文本的编辑器。 当设置DataColumn.editor时,就会将type指定为"multiline"。 

Code -1
    column.setEditor({
        type: "multiline",
        maxLength: 200
    });
    column.setStyles({
        textWrap: DataLudi.TextWrap.EXPLICIT
    });

当输入shift+enter键时,将会进行分行。 如果输入enter键,就会完成编辑,而如果输入esc键,则会取消编辑。 

它具有与LineCellEditor相同的属性。 下列例题中,"产品名"列就是通过这个编辑器而设置的。 需要注意的是,只有当列的textWrap样式值被设置为TextWrap.NORMALEXPLICIT时, 才会在数据单元格分行显示。 

Grid - 2
0 rows

查看源代码 JSP 

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