Javascript 如何在组合框下拉列表下显示消息

我创建了一个组合框

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>'
    )
});

var states=Ext.create（'Ext.data.Store'{
字段：['abbr'，'name']，
数据：[
{“abbr”：“AL”，“name”：“Alabama”}，
{“abbr”：“AK”，“name”：“Alaska”}，
{“abbr”：“AZ”，“name”：“亚利桑那州”}
]
});
Ext.create（'Ext.form.ComboBox'{
fieldLabel:“选择状态”，
商店：美国，
queryMode:'本地'，
valueField:'缩写'，
renderTo:Ext.getBody（），
//下拉菜单的模板。
//注意“x-boundlist-item”类的使用，
//这是使项目可选所必需的。
tpl:Ext.create（'Ext.XTemplate'，
'',
“{abbr}-{name}”，
''
),
//文本字段内内容的模板
displayTpl:Ext.create（'Ext.XTemplate'，
'',
“{abbr}-{name}”，
''
)
});

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

有人能告诉我将使用哪个组件，或者如何在下拉列表下显示一些信息吗。请查看屏幕截图

---

您可以覆盖

Ext.view.BoundList

的

renderTpl

，如：

listConfig: {
            renderTpl: [
                '<div id="{id}-listWrap" data-ref="listWrap"',
                ' class="{baseCls}-list-ct ', Ext.dom.Element.unselectableCls, '">',
                '<ul id="{id}-listEl" data-ref="listEl" class="', Ext.baseCSSPrefix, 'list-plain"',
                '<tpl foreach="ariaAttributes"> {$}="{.}"</tpl>',
                '>',
                '</ul>',
                '<div style="border: solid 3px #000; padding: 2px;">Message</div>',
                '</div>',
                '{%',
                'var pagingToolbar=values.$comp.pagingToolbar;',
                'if (pagingToolbar) {',
                'Ext.DomHelper.generateMarkup(pagingToolbar.getRenderTree(), out);',
                '}',
                '%}', {
                    disableFormats: true
                }
            ],

        }

listConfig:{
renderTpl：[
'',
“
',
“
”，
"讯息",，
'',
'{%',
'var pagingToolbar=值。$comp.pagingToolbar；'，
'如果（分页工具栏）{'，
'Ext.DomHelper.generateMarkup（pagingToolbar.getRenderTree（），out）；'，
'}',
'%}', {
禁用格式：true
}
],
}

---

工作示例：

谢谢您的回答。ExtJS 3.Hi@CD.中是否有替代版本。。你能解释一下这个代码吗？我真的很想正确地理解它。@Harshitsah我已经在原始的

renderTpl

的底部添加了一个

。