Ext editorgrid combobox 实现显示的值

//这是我想到的一个办法,我也是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
});
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值