`
feidian036
  • 浏览: 7203 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Ext editorgrid combobox 实现显示的值

    博客分类:
  • ext
EXT 
阅读更多
//这是我想到的一个办法,我也是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
	});
分享到:
评论
4 楼 sunyzc 2011-11-30  
修改了下,这样可以了。
if(Ext.getCmp("comboId").rendered){
return Ext.getCmp("comboId").getRawValue();
}else{
return v;
}
3 楼 sunyzc 2011-11-30  
这样是不是会导致初始值全部为空啊?
2 楼 pensun37 2011-08-31  
这种方法是行不通的,最起码你的ID就重复了

如下,
把 comb的store单独出来实例,然后在column中
renderer:function(v){ 
    var t = store.find('value',v);
    return store.getAt(t).data.text;
    }
1 楼 ffeedd 2009-11-02  
楼主你好,请问renderer有什么用,我查看API没有找到呢,
这个方法真不错,简单的取到text了,但是初始数据成空白了,什么都不显示这个你遇到过么?有什么解决办法吗?谢谢了

相关推荐

    ext的edittreegrid实现

    在EXT JS库中,"ext的edittreegrid实现"是一种功能强大的组件,它结合了树形视图(Tree)和编辑网格(EditorGrid)的功能,允许用户在具有层次结构的数据上进行直观的编辑操作。这个组件对于那些需要管理结构化且...

    EXT教程EXT用大量的实例演示Ext实例

    表格可以动态添加列,调整列宽,支持分页,甚至可以结合EditorGrid实现行的编辑和动态添加。Ext JS 2.0相较于1.x版本,表格控件的功能和API有更多的优化和改进。表格的分页功能可以通过前端工具条实现,也可以通过...

    EXT2.0中文教程

    1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看hello...

    Ext组件描述,各个组件含义

    **2.18 ComboBox (Ext.form.ComboBox)** - **xtype**: `combo` - **功能描述**:ComboBox 是一个下拉列表框,用户可以从列表中选择一个值。 - **主要用途**:适用于需要用户从预定义的选项中选择的场景。 **2.19 ...

    Ext 开发指南 学习资料

    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...

    extJs xtype 类型

    3. **`combo`:** 下拉框组件,用于创建下拉列表,通过`Ext.form.ComboBox`类实现。 4. **`datefield`:** 日期选择项组件,用于让用户选择日期,通过`Ext.form.DateField`类实现。 5. **`timefield`:** 时间录入项...

    ExtJs xtype一览

    - **`editorgrid` (Ext.grid.EditorGridPanel)**: 可编辑的表格组件,允许用户直接在表格内进行数据编辑。 - **`propertygrid` (Ext.grid.PropertyGrid)**: 属性表格组件,专门用于展示对象的属性。 - **`editor` ...

    ExtJs组件类的对应表

    3. **`combo`** - `Ext.form.ComboBox`,下拉框组件,用于创建下拉选择框。 4. **`datefield`** - `Ext.form.DateField`,日期选择项,用于输入日期。 5. **`timefield`** - `Ext.form.TimeField`,时间录入项,...

    Extjs xtype集合

    - **`Class`**: `Ext.form.ComboBox` - **描述**: 下拉框组件。 4. **`datefield`:** - **`xtype`**: `datefield` - **`Class`**: `Ext.form.DateField` - **描述**: 日期选择字段。 5. **`timefield`:** ...

    EfsFrame(java开发框架) v2.2 源代码.rar

    a)扩展对select的应用,默认将select对象渲染为ext的combobox对象, 详细说明见相关文档 b)扩展对多文件、单文件上传的封装(详细说明见相关文档)。 c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对...

    EfsFrame(net开发框架) v2.2 源代码.rar

    a)扩展对select的应用,默认将select对象渲染为ext的combobox对象, 详细说明见相关文档 b)扩展对多文件、单文件上传的封装(详细说明见相关文档)。 c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对...

    EfsFrame(php开发框架) 2.2.rar

    a)扩展对select的应用,默认将select对象渲染为ext的combobox对象, 详细说明见相关文档 b)扩展对多文件、单文件上传的封装(详细说明见相关文档)。 c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对...

    EfsFrame(php开发框架) v2.2 源代码.rar

    a)扩展对select的应用,默认将select对象渲染为ext的combobox对象, 详细说明见相关文档 b)扩展对多文件、单文件上传的封装(详细说明见相关文档)。 c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对...

    学习ExtJS Panel常用方法

    - `combo`: `Ext.form.ComboBox` - `datefield`: `Ext.form.DateField` - `displayfield`: `Ext.form.DisplayField` - `field`: `Ext.form.Field` - `fieldset`: `Ext.form.FieldSet` - `hidden`: `Ext.form....

Global site tag (gtag.js) - Google Analytics