SMART datagrid v.1 > Examples

[ grids ver.1.3.4]   Back  Forward

Date Cell Editor  Example

当设置DataColumn.editor时,如果将type指定为"date", 就会在编辑数据类型DATETIME数据字段的值时,可以使用DateCellEditor。 

下列网格中,已使用date编辑器,设置了"首次偿还日期"和"最终偿还日期"列。 当开始输入文本、按alt+down键或点击显示在数据单元格右侧的按钮时,将会显示日历。 这时,如果按down键,输入焦点将会移动至日历,并且日历的背景颜色将会发生变化。 如果使用键盘指定日期并按enter键,所选日期值将会传递至数据单元格。 

当焦点在日期上时,可以通过按page-up键而移动至上个月,按page-down键而移动至下个月, 按alt+page-up键而移动至上个年度,按"alt+page-donw*键而移动至下个年度。 另外,如果按shift+up键,焦点将会重新返回至文本框中。 而且,可以通过按alt+up键,完全关闭日历框。 

可以通过变更下列设置,测试"首次偿还日期"列的编辑器。 

显示"Today"按钮。 

显示年度移动按钮。 

阻止输入文本。 

可以通过指定DateCellEditor.minDatemaxDate,指定可以在日历中选择的日期范围。 已设置了"最终偿还日期2"的范围为"1965-01-01"和"1975-12-31"之间。 

Grid - 1
rows

可以通过设置DataColumn.editorButtonVisibility属性,指定是否显示单元格编辑器按钮。 

 指定是否显示"首次偿还日期"列的编辑器按钮。 

可以通过指定DateCellEditor.holiDays属性,阻止用户在日历中选择特定日期。 下列网格中,已通过使用DayHolidayDateHoliday,阻止选择每周星期日以及2016年5月5日和2016年5月14日为首次偿还日期, 并且通过使用RangeHolidayBaseHoliday, 阻止选择2000年1月1日之前和2016年12月31日之后以及从2016年9月15日起的每前后一天为最终偿还日期。 

查看源代码 JSP 

See Also
DateCellEditor
DataField
DataColumn.editor
EditOptions
GridBase.editOptions
Examples
文本单元格编辑器
列表单元格编辑器
数字单元格编辑器
单元格编辑