Ext.js问题重现整理(3)(combo)

本文介绍了如何在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' }
                       ]
                   }
               },

效果图如下:
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值