//这是我想到的一个办法,我也是Ext初用者,如果哪位老大还有更好的方法就在此留言,以便大家共享。
var sell_cm = new Ext.grid.ColumnModel([{
header : '项目类型',
dataIndex : 'projectType',
editor : new Ext.form.ComboBox({
id:'projecTypeCom',
listWidth : 170,
store : new Ext.data.JsonStore({
url : 'HT/sideCredit.action',
fields : ['id', 'name'],
root : 'data'
}),
valueField : 'id',
displayField : 'name',
typeAhead : true,
mode : 'remote',
triggerAction : 'all',
selectOnFocus : true,
allowBlank : false
}),
renderer:function(){
/*给combobox设置id,得到选中显示的值,renderer就是用来转换的,这样就 可以就可以把现实隐藏值转换成显示的值,*/ return Ext.getCmp('projecTypeCom').getRawValue();
} }, {
header : '签约数量 ',
dataIndex : 'signNum',
editor : new Ext.form.NumberField({
allowBlank : false,
blankText : '请输入签约数量'
})
}, {
header : '资费(元/月)',
dataIndex : 'charge',
editor : new Ext.form.NumberField({
allowBlank : false,
blankText : '请输入资费'
}),
renderer : Ext.util.Format.usMoney
}, {
header : '优惠折扣',
dataIndex : 'discount',
editor : new Ext.form.NumberField({}),
renderer : Ext.util.Format.usMoney
}, {
header : '执行区域',
dataIndex : 'execArea',
editor : new Ext.form.TextField({})
}]);
var selectModel = new Ext.grid.RowSelectionModel({
singleSelect : true
});
sell_Grid = new Ext.grid.EditorGridPanel({// 表模
split : true,
collapsible : true,
height : 300,
autoScroll : true,
enableColumnMove : false,
enableHdMenu : false,
store : sell_Store,
cm : sell_cm,
selModel : selectModel,
viewConfig : {
forceFit : true
},
tbar : topbar,
bbar : pagebar
});
分享到:
相关推荐
在EXT JS库中,"ext的edittreegrid实现"是一种功能强大的组件,它结合了树形视图(Tree)和编辑网格(EditorGrid)的功能,允许用户在具有层次结构的数据上进行直观的编辑操作。这个组件对于那些需要管理结构化且...
表格可以动态添加列,调整列宽,支持分页,甚至可以结合EditorGrid实现行的编辑和动态添加。Ext JS 2.0相较于1.x版本,表格控件的功能和API有更多的优化和改进。表格的分页功能可以通过前端工具条实现,也可以通过...
1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看hello...
**2.18 ComboBox (Ext.form.ComboBox)** - **xtype**: `combo` - **功能描述**:ComboBox 是一个下拉列表框,用户可以从列表中选择一个值。 - **主要用途**:适用于需要用户从预定义的选项中选择的场景。 **2.19 ...
9.6. JsonView实现用户卡片拖拽与右键菜单 9.7. 下拉列表选择每页显示多少数据 10. 撕裂吧!邪魔外道与边缘学科。 10.1. dwr与ext整合 10.1.1. 无侵入式整合dwr和ext 10.1.2. DWRProxy 10.1.3. DWRTreeLoader 10.1.4...
3. **`combo`:** 下拉框组件,用于创建下拉列表,通过`Ext.form.ComboBox`类实现。 4. **`datefield`:** 日期选择项组件,用于让用户选择日期,通过`Ext.form.DateField`类实现。 5. **`timefield`:** 时间录入项...
- **`editorgrid` (Ext.grid.EditorGridPanel)**: 可编辑的表格组件,允许用户直接在表格内进行数据编辑。 - **`propertygrid` (Ext.grid.PropertyGrid)**: 属性表格组件,专门用于展示对象的属性。 - **`editor` ...
3. **`combo`** - `Ext.form.ComboBox`,下拉框组件,用于创建下拉选择框。 4. **`datefield`** - `Ext.form.DateField`,日期选择项,用于输入日期。 5. **`timefield`** - `Ext.form.TimeField`,时间录入项,...
- **`Class`**: `Ext.form.ComboBox` - **描述**: 下拉框组件。 4. **`datefield`:** - **`xtype`**: `datefield` - **`Class`**: `Ext.form.DateField` - **描述**: 日期选择字段。 5. **`timefield`:** ...
a)扩展对select的应用,默认将select对象渲染为ext的combobox对象, 详细说明见相关文档 b)扩展对多文件、单文件上传的封装(详细说明见相关文档)。 c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对...
a)扩展对select的应用,默认将select对象渲染为ext的combobox对象, 详细说明见相关文档 b)扩展对多文件、单文件上传的封装(详细说明见相关文档)。 c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对...
a)扩展对select的应用,默认将select对象渲染为ext的combobox对象, 详细说明见相关文档 b)扩展对多文件、单文件上传的封装(详细说明见相关文档)。 c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对...
a)扩展对select的应用,默认将select对象渲染为ext的combobox对象, 详细说明见相关文档 b)扩展对多文件、单文件上传的封装(详细说明见相关文档)。 c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对...
- `combo`: `Ext.form.ComboBox` - `datefield`: `Ext.form.DateField` - `displayfield`: `Ext.form.DisplayField` - `field`: `Ext.form.Field` - `fieldset`: `Ext.form.FieldSet` - `hidden`: `Ext.form....