Extjs在XTemplate中聲明的Combobox renderto div

Question

我可以將extjs「renderTo」中的組合框應用於在XTemplate中創建的div嗎？ 這個XTemplate也創建一個面板的標題。 感謝 讓我們說我有：

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