ExtJS学习之EditorGridPanel
2012-12-17 15:04
253 查看
EditorGridPanel与GridPanel用法上几乎没有差别,但是有几个地方需要注意,这些地方是其之所以成为EditorGridPanel的原因。
第一,EditorGridPanel第一个不同的属性,editor,也就是说,通过声明这个属性,我们可以指定EditorGridPanel的中某个列的编辑方式。
这个编辑方式可以是Ext.form.TextField、Ext.form.DateField、Ext.form.ComboBox(下拉列表框)。其中Ext.form.ComboBox(下拉列表框)和Ext.form.DateField中有
几个属性十分重要。
在ComboBox中,我们可以通过指定transform属性来将某个<select/>元素,DOM或者Element与其绑定来,从而显示不同的下拉风格。通过指定
triggerAction属性我们可以在点击下拉框的时候显示不同的效果,默认为‘query’,即点击下拉框时只显示匹配的选项,通过设定‘all’,我们可以实现在点击下拉框时显示
全部选项。通过指定lazyRender属性为true,我们可以实现阻止该下拉框渲染,直到其首次被请求时。
在DateField中,我们可以指定format属性,其作用是用特定的日期格式覆盖本地默认的日期格式。默认的格式为'm/d/y'。
第二,EditorGridPanel第二个不同的属性,renderer,我们可以通过声明这个属性来指定某列的渲染方式。
第一,EditorGridPanel第一个不同的属性,editor,也就是说,通过声明这个属性,我们可以指定EditorGridPanel的中某个列的编辑方式。
这个编辑方式可以是Ext.form.TextField、Ext.form.DateField、Ext.form.ComboBox(下拉列表框)。其中Ext.form.ComboBox(下拉列表框)和Ext.form.DateField中有
几个属性十分重要。
在ComboBox中,我们可以通过指定transform属性来将某个<select/>元素,DOM或者Element与其绑定来,从而显示不同的下拉风格。通过指定
triggerAction属性我们可以在点击下拉框的时候显示不同的效果,默认为‘query’,即点击下拉框时只显示匹配的选项,通过设定‘all’,我们可以实现在点击下拉框时显示
全部选项。通过指定lazyRender属性为true,我们可以实现阻止该下拉框渲染,直到其首次被请求时。
在DateField中,我们可以指定format属性,其作用是用特定的日期格式覆盖本地默认的日期格式。默认的格式为'm/d/y'。
第二,EditorGridPanel第二个不同的属性,renderer,我们可以通过声明这个属性来指定某列的渲染方式。
相关文章推荐
- ExtJs学习笔记(4)_EditorGridPanel(可编辑的网格控件)
- ExtJs学习笔记(4)_EditorGridPanel(可编辑的网格控件)
- ExtJS学习(四)EditorGrid可编辑表格
- extjs的EditorGridPanel中的ComboBox列中显示值的问题
- ExtJs 4.1 GridPanel学习
- ExtJS EditorGridPanel中时间日期编辑问题的总结
- ExtJS学习笔记之五------- GridPanel
- Extjs EditorGridPanel的使用.(数据从后台读出) asp.net
- ExtJs学习系列之 GridPanel:Ext.grid.ColumnModel 列配置属性说明
- extjs的EditorGridPanel修改数据后怎样保存到数据库
- extjs EditorGridPanel禁止某些单元格编辑
- ExtJs学习笔记(7)_获取GridPanel选中行的详细信息 (转)
- ExtJs学习笔记(3)_GridPanel[XML做数据源]
- ExtJS梦想之旅(八)--GridPanel和EditorGridPanel的使用
- Extjs中GridSummary实现EditorGridPanel的合计功能
- extjs EditorGridPanel 编辑保存数据
- 关于ExtJS-4.0.2a中在gridpanel中出现column.getEditor is not a function的错误解决方法
- extjs动态列--editorGridPanel(2.2)
- Extjs editorgridpanel 没有数据显示
- ExtJS2.0 可编辑表格EditorGridPanel