ExtJs組合框：樣式條目

Question

我想在Combobox斜體中創建一些條目。

有什麼像一個列的渲染器或我如何執行此操作？

編輯：對不起，但我並沒有提供足夠的信息，我意識到這是廢話什麼，我想這之前...

我會更多一些的話寫這個atfter我完全理解我問題...

Answer 1

如果你只是想樣式列表中的項目本身是足以提供下拉內部使用的綁定列表中getInnerTpl()功能：

var combo = new Ext.form.field.ComboBox({ 
    // ... 
    listConfig: { 
     getInnerTpl: function() { 
      return '{field1}: {field2}'; 
     } 
    }, 
    // ... 
}); 

如果你願意想改變下拉的全部內容，提供了一個listConfig參數tpl：

var combo = new Ext.form.field.ComboBox({ 
    // ... 
    listConfig: { 
     tpl: '<div><tpl for="."><span class="item">{field1}: {field2}</span></tpl></div>', 
     itemSelector: 'span.item' // you need to provide an itemSelector if you change the template 
    }, 
    // ... 
}); 

由於Tanel Tähepõld建議，你SH請閱讀Ext.XTemplate的文檔。

Answer 2

Ext.form.field.ComboBox具有config屬性「renderTpl」，您可以創建自己的Ext.XTemplate並使用它（html標記）。 XTemplate還允許使用模板內部的caluses，因此如果caluse用於斜體文本，則可以創建該模板。 文件爲Ext.XTemplate：http://docs.sencha.com/ext-js/4-0/#/api/Ext.XTemplate