ExtJs的ComboBox选中默认值

最新推荐文章于 2015-09-21 18:48:51 发布

小威

最新推荐文章于 2015-09-21 18:48:51 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJS

本文链接：https://blog.csdn.net/magicboylinw/article/details/8447831

ExtJS 专栏收录该内容

9 篇文章

订阅专栏

在构建代码共享系统中遇到ExtJs ComboBox初始化选择问题，需设默认值为"-请选择-"。通过调整displayField、valueField和value这三个配置选项，最终成功实现。

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

在做代码共享系统时，使用ExtJs的ComboBox时遇到了一个问题：

让在SearchPanel里的ComboBox初始化时选定“-请选择-”这个项

这个问题让我郁闷了好久，终于在官方的例子中找到了答案，贴一下做个记号

关键三个配置项：displayField,valueField, value

{
                                width:          50,
                                xtype:          'combo',
                                mode:           'local',
                                value:          'mrs',
                                triggerAction:  'all',
                                forceSelection: true,
                                editable:       false,
                                fieldLabel:     'Title',
                                name:           'title',
                                hiddenName:     'title',
                                displayField:   'name',
                                valueField:     'value',
                                store:          new Ext.data.JsonStore({
                                    fields : ['name', 'value'],
                                    data   : [
                                        {name : 'Mr',   value: 'mr'},
                                        {name : 'Mrs',  value: 'mrs'},
                                        {name : 'Miss', value: 'miss'}
                                    ]
                                })
}