您的位置：首页 > Web前端 > JavaScript

Ext.js问题重现整理（3）（combo）

2015-12-17 18:38 627 查看

1、combo,下拉框绑定默认值

想要实现的效果是在下拉框里出现初始值，一般的input框设置属性emptyText就可以。如下：

items: [{
allowBlank: false,
fieldLabel: 'User ID',
name: 'user',
emptyText: 'user id'
}, {
allowBlank: false,
fieldLabel: 'Password',
name: 'pass',
emptyText: 'password',
inputType: 'password'
}, {
xtype:'checkbox',
fieldLabel: 'Remember me',
name: 'remember'
}],

不过combo不是这样设置的，是使用value值绑定，具体如下：

{
width: 180,
xtype: 'combo',
fieldLabel: '',
queryMode: 'local',
value: '1',//这只默认的value值为1
triggerAction: 'all',
forceSelection: true,
editable: false,

name: '',
displayField: 'name',
valueField: 'value',
store: {
fields: ['name', 'value'],
data: [
{ name: '按照订单编号', value: '1' },//将帮上对应相同value值的name
{ name: '按照原始订单', value: 'mr' },
{ name: '按照收货人', value: 'mrs' },
{ name: '按照收货人联系电话', value: 'mrs' },
{ name: '按照货品名称', value: 'miss' },
{ name: '按照货品编号', value: 'miss' },
{ name: '按照收货人备注', value: 'miss' },
{ name: '按照客服备注', value: 'miss' }
]
}
},

效果图如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航