欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Ext editorgrid combobox 实现显示的值

程序员文章站 2022-03-07 14:18:30
...
//这是我想到的一个办法,我也是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