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
});
上一篇: WPF随笔(十四)--如何在MVVM模式下关闭窗口
下一篇: ETCD数据备份与恢复验证
推荐阅读
-
C#实现ComboBox控件显示出多个数据源属性的方法
-
原生js实现密码输入框值的显示隐藏
-
Ext 中由Combobox和itemselector组成的editorGrid
-
EXT JS ComboBox 获得值的方式
-
Ext表单中的combobox回填显示值问题
-
ext combobox下拉树的实现
-
根据Ext.form.ComboBox的选择值来显示或隐藏div
-
JS获取input[file]的值并显示在页面的实现方法
-
解决easyui combobox赋值boolean类型的值时,经常出现的内容显示的value而不是text的bug
-
C#实现ComboBox控件显示出多个数据源属性的方法