Ext.js问题重现整理（3）（combo）_extjs3 combo-优快云博客

本文链接：https://blog.youkuaiyun.com/TUD2014/article/details/50325379

本文介绍了如何在Ext.js的Combo组件中设置下拉框的默认显示值。通常input框通过emptyText属性设置，但Combo需通过value属性进行绑定。文中展示了具体的操作方法及效果图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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' }
                       ]
                   }
               },