多選組合框和TPL - 問題在內線標記選中的條目JS

Question

我已經加入quicktip（提示）通過如下使用第三方物流的COMBOX，

'<tpl for="."><div ext:qtip="{text}" class="x-combo-list-item">{text}</div></tpl>' 

但添加在此之後，組合框沒有標註（藍色）選定的條目。即，在我添加工具提示之前，所選條目可以被視爲標記或選擇（對於我來說是藍色）。但現在它不工作（選定的enitries沒有被選中）。 這裏是我的代碼，

  {   
       name   : name, 
       hideOnSelect : false, 
       triggerAction : 'all', 
       mode   : 'local', 
       width   : size, 
       tpl   :'<tpl for="."><div ext:qtip="{text}" class="x-combo-list-item">{text}</div></tpl>', 
       store   : new Ext.data.SimpleStore({ 
       id    : 0, 
       fields   : ['value','text'], 
       data   : data 
       }), 
       listWidth  : 400, 
       valueField : 'value', 
       displayField : 'text' 
      } 

< ---前 < ---後

任何幫助是必須感謝...謝謝。

Answer 1

你可以試試這個...

 {   
      name   : name, 
      hideOnSelect : false, 
      triggerAction : 'all', 
      mode   : 'local', 
      width   : size, 
      store   : new Ext.data.SimpleStore({ 
      id    : myCombo, 
      fields   : ['value','text'], 
      data   : data 
      }), 
      listWidth  : 400, 
      valueField : 'value', 
      displayField : 'text', 
      listConfig: { 
       getInnerTpl: function() { 
       return '<div data-qtip="{text}">{value}</div>'; 
       } 
      } 

     } 

Answer 2

displayTpl應太：

{   
     name: name, 
     hideOnSelect: false, 
     triggerAction: 'all', 
     mode: 'local', 
     width: size, 
     store: new Ext.data.SimpleStore({ 
      id: myCombo, 
      fields: ['value','text'], 
      data: data 
     }), 
     listWidth: 400, 
     valueField: 'value', 
     displayField: 'text', 
     displayTpl: '<tpl for="."><div ext:qtip="{text}">{text}</div></tpl>' 
} 

UPDATE

發現的問題！你必須先啓動QuickTips。其餘的代碼很好！這裏是工作fiddle

Ext.QuickTips.init(); 
var cb = new Ext.form.ComboBox({ 
    name: name, 
    hideOnSelect: false, 
    triggerAction: 'all', 
    mode: 'local', 
    width: 200, 
    store: new Ext.data.JsonStore({ 
     id: "myCombo", 
     fields: ['value', 'text'], 
     data: [ 
      { value: 1, text: 'one'}, 
      { value: 2, text: 'two'}, 
      { value: 3, text: 'three'} 
     ] 
    }), 
    listWidth: 250, 
    valueField: 'value', 
    displayField: 'text', 
    renderTo: Ext.getBody(), 
    tpl: '<tpl for="."><div ext:qtip="{text}" class="x-combo-list-item">{text}</div></tpl>' 
});