不顯示組合框項目工具提示

我寫了一個組合框填充項目在ExtJs框架。當用戶懸停在項目上時，我無法獲得工具提示。不顯示組合框項目工具提示

下面是代碼：

$formPanel .= " new Ext.form.ComboBox({ 
       tpl:'<tpl for =\".\"><div ext:qtip=\"{abbr}\" class=\"x-combo-list-item\">{state}</div></tpl>', 
id:'type_blackout_weekly', 
    store: sstore, 
    displayField:'state', 
    typeAhead: true, 
    mode: 'local', 
    triggerAction: 'all', 
    emptyText:'Select a state...', 
    selectOnFocus:true, 
    forceSelection: true, 
    width:135 
}),"; 

var statedata = [ 
    ['AL', 'Alabama'], 
    ['AK', 'Alaska'], 
    ['AZ', 'Arizona'], 
    ['WV', 'West Virginia'], 
    ['WI', 'Wisconsin'], 
    ['WY', 'Wyoming'] 
]; 

var sstore = new Ext.data.SimpleStore({ 
    fields: ['abbr', 'state'], 
    data : statedata 
});

任何指導是高度讚賞。

來源

2009-11-25 SriniWeb

請正確格式化您的代碼，使其更具可讀性。 – 2009-11-25 02:09:31

-1

請把我的答案用一粒鹽，因爲我從來沒有用過ExtJS。我對組合框的使用經驗是，我測試的瀏覽器（IE6/7，Firefox 3.0）在懸停在框的選項上時沒有觸發onMouseOver事件，也沒有顯示標題屬性值。

這當然只適用於vanilla HTML組合框（選擇multiple =「true」的元素）。如果ExtJS有一個自定義組合框，請忽略我的答案。 :)

來源

2009-11-25 00:53:24 mwcz

Ext JS不使用香草選擇元素。 – 2009-11-25 02:16:29

我假設您使用this example（該頁面上的第二個）作爲您的起點？ tpl應引用樣本中顯示的有效模板（當然，它看起來像您使用「abbr」而不是樣本中的「nick」 - 確保所有數據字段匹配）。定義的模板沒有定義任何工具提示標記。例如：

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

如果它還是不能正常工作，請確保您的代碼在什麼地方初始化的快速提示單：

Ext.QuickTips.init();

來源

2009-11-25 02:15:48

感謝您的回答，它幫助了我！ – SriniWeb 2009-12-09 02:12:12

@SriniWeb，請將此標記爲答案。 – ConsultUtah 2010-03-31 17:38:42

只是刪除了與等號之間的空間，應該是：

<tpl for=".">

來源

2012-04-09 11:20:31 Vitaly

不顯示組合框項目工具提示

回答

相關問題