如何在comboBox下拉列表下方显示消息

Question

我创建了一个comboBox，

var states = Ext.create('Ext.data.Store', {
    fields: ['abbr', 'name'],
    data : [
        {"abbr":"AL", "name":"Alabama"},
        {"abbr":"AK", "name":"Alaska"},
        {"abbr":"AZ", "name":"Arizona"}
    ]
});

Ext.create('Ext.form.ComboBox', {
    fieldLabel: 'Choose State',
    store: states,
    queryMode: 'local',
    valueField: 'abbr',
    renderTo: Ext.getBody(),
    // Template for the dropdown menu.
    // Note the use of "x-boundlist-item" class,
    // this is required to make the items selectable.
    tpl: Ext.create('Ext.XTemplate',
        '<tpl for=".">',
            '<div class="x-boundlist-item">{abbr} - {name}</div>',
        '</tpl>'
    ),
    // template for the content inside text field
    displayTpl: Ext.create('Ext.XTemplate',
        '<tpl for=".">',
            '{abbr} - {name}',
        '</tpl>'
    )
});

在下拉列表下方，我想显示一些消息。

任何人都可以知道我将使用哪个组件或如何在下拉列表下方显示一些消息。请检查屏幕截图。

Answer 1

您可以覆盖renderTpl的{​​{1}}，例如：

Ext.view.BoundList

工作示例：https://fiddle.sencha.com/#view/editor&fiddle/23g4