2011-08-11 10 views
2

私はいくつかのエントリをComboboxイタリック体にしたいと考えています。ExtJs ComboBox:スタイルエントリ

列のレンダラーのようなものがありますか?これはどのようにして実現できますか?

編集:申し訳ありませんが、私は十分な情報を提供しなかった、と私は、これは私が前にやる望んナンセンスであることを実現しています...

私は完全に私を理解して、このatfterにいくつかのより多くの単語を書きます問題...

+0

コンボボックスやストアをどのように呼び出しているかを述べる必要がありますか? – Unknown

答えて

5

あなただけのリスト項目自体のスタイルにしたい場合は、ドロップダウンで使用される内部バウンドリストについてgetInnerTpl()機能を提供するのに十分だ:

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

あなたがしたい場合Tanel Tähepõldが示唆したように

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 
    }, 
    // ... 
}); 

、あなたがshを:listConfigtplパラメータを提供し、ドロップダウンの全体の内容を変更したいですould Ext.XTemplateのドキュメントを読んでください。

0

Ext.form.field.ComboBoxにはconfigプロパティ "renderTpl"があり、独自のExt.XTemplateを作成して使用することができます(htmlマークアップ)。 XTemplateは、テンプレート内のcalusを使用することも可能にするので、イタリックテキストに対してcaluseを作成することができます。 Ext.XTemplateため ドク:http://docs.sencha.com/ext-js/4-0/#/api/Ext.XTemplate

+0

'renderTpl'をオーバーライドしないでください。これは、すべてのコンポーネントのレイアウトを破壊します。 –