组合框 Extjs 中的 fieldLabel

Posted 2023-02-26

【中文标题】组合框 Extjs 中的 fieldLabel

【英文标题】：fieldLabel in ComboBox Extjs

【发布时间】：2013-10-27 10:34:01

【问题描述】：

我在视口中的手风琴布局中创建了一个组合框，但我的组合框没有出现 fildlabel。 笔记： 我在 geoext 1-1 和 Extjs 3-4-0 上工作。 这是我的代码：

new Ext.TabPanel(
    border: false, // already wrapped so don't add another border
    activeTab: 1, // second tab initially active
    tabPosition: 'bottom',
    items: [
        html: '<p>A TabPanel component can be a region.</p>',
        title: 'A Tab',
        autoScroll: true,
        items: [  
                xtype: 'button',
                text: 'test',
                tooltip: 'Test Button'
            ,
                xtype: 'combo',
                tooltip: 'promosCombo ',
                id : 'promosCombo',
                fieldLabel : "city",
                triggerAction : 'all',
                emptyText : "Select",
                editable : false,
                store : promosStore,
                mode : 'local',
                valueField : 'value',
                buttonAlign : 'center',
                labelAlign : 'right',
                labelWidth : 70,
                displayField : 'display'
])

【问题讨论】：

您应该将您的组合放入一个表单中。表单字段需要在表单中才能发挥其全部行为。

【参考方案1】：

如果你想看到fieldLabel，你的组件应该添加到FormLayout的容器下。将layout: 'form' 添加到您的选项卡配置中，您的标签就会出现。

工作样本：http://jsfiddle.net/Rvapq/3/