extjsタグフィールドにチェックボックスを追加する方法

Question

このフィドルを使用してすべての機能を選択して複数選択コンボボックスを作成することができましたhttp://jsfiddle.net/dFEsc/16/、作業コンボボックス画像は以下のとおりです。私は今チェックボックス付きのタグフィールドを作成したい。 以下のコードは機能しません。事実、全体のtpl doesnt仕事。

expand: { 
fn: function() { 
var dropdown = Ext.get(id).dom.parentElement; 
var container = Ext.DomHelper.insertBefore(dropdown, '<div id="'+id+'-container"></div>', true); 
toolbar.render(container); 
}, 
single: true 
} 

私はExtJSのtagfield に同じコードを適用することができます方法はありますか？

Answer 1

私はGuilhermeが言ったことに同意します。

コンボボックスの付いたタグフィールドがお客様からリクエストされている場合（そしてそうでない場合もあります）、ここで提案します（少し精巧ですが）。

注：これが唯一のユーザーのための視覚効果を作成し、

{ 
xtype: 'tagfield', 
fieldLabel: 'MyTagfield', 
name: 'name', 
valueField: 'id_name', 
displayField: 'name', 
queryMode: 'local', 
bind: { 
    store: '{mystore}' 
}, 
emptyText: '', 
delimiter: '', 
submitEmptyText: false, 
allowBlank: false, 
allowOnlyWhitespace: true, // this is important 
enableKeyEvents: true, 
multiSelect: true, 
selectOnFocus: false, 
editable: false, 
stacked: true, // better with this config 
listConfig: { 
     tpl: Ext.create('Ext.XTemplate', 
     '<tpl for=".">',   
     '<div role="option" class="x-boundlist-item" style="padding-left: 5px">', 
     '<img src="' + Ext.BLANK_IMAGE_URL + '"class="chkCombo-default-icon chkCombo"/> {name}</div>', 
     '</tpl>' 

}, 

を期待通りにtagfieldが動作するために、これを必要としないので、あなたはあなたのイメージのリソースフォルダにチェックを電子未チェックのgifが必要

そして、次のCSSが必要です：

.x-boundlist-item img.chkCombo { 
    background: transparent url('../resources/images/unchecked.gif'); 
    width: 15px; 
    height: 15px; 
} 

.x-boundlist-selected img.chkCombo{ 
    background: transparent url('../resources/images/checked.gif'); 
    width: 15px; 
    height: 15px; 
} 

私は助けてくれることを願っています。

編集：私だけEXTJS 5.1