Extjs Combobox renderto div在XTemplate中声明

Question

我可以在extjs中使用组合框吗？＃34; renderTo＆＃34;到XTemplate中创建的div？ 此XTemplate还创建了面板的标题。 谢谢 让＆＃39;说我有：

var tpl = new XTemplate('<div id="myDiv"></div>');
...
tpl.apply(...);
...
var combobox = new Ext.Form.ComboBox({
  renderTo: 'myDiv'
});

这是正确的吗？

Answer 1

以下是一个例子：

Ext.application({
    name : 'Fiddle',

    launch : function() {
        var tpl = new Ext.XTemplate(
            '<div id="div-id">My Div</div>'
        );
        tpl.append(Ext.getBody(), {});

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

        // Create the combo box, attached to the states data store
        Ext.create('Ext.form.ComboBox', {
            fieldLabel: 'Choose State',
            store: states,
            queryMode: 'local',
            displayField: 'name',
            valueField: 'abbr',
            renderTo: "div-id"
        });
    }
});