Компонент подсказки с комбинированным ящиком не отображается

Question

Я написал комбинированный блок, заполненный элементами в структуре 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 
}); 

Любое руководство высоко ценится.

Answer 1

Пожалуйста, ответьте мне с солью, поскольку я никогда не использовал ExtJS. Мой опыт работы с комбинированными ящиками заключается в том, что браузеры, которые я тестировал (IE6/7, Firefox 3.0), не вызывали событие onMouseOver при зависании над опциями окна и не отображали значения атрибутов заголовка.

Это, конечно же, применимо только к коллаборациям HTML с ванилью (выберите элементы с несколькими = "истинными"). Если у ExtJS есть собственный комбинированный блок, пожалуйста, не обращайте на меня никакого ответа. :)

Answer 2

Я предполагаю, что вы используете this example (второй на этой странице) в качестве отправной точки? tpl должен ссылаться на действительный шаблон, подобный показанному в образце (конечно, похоже, что вы используете «abbr» вместо «nick», как в примере - убедитесь, что все поля данных совпадают). Ваш шаблон, как определено, не определяет разметку всплывающей подсказки. Например:

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

Если он по-прежнему не работает, убедитесь, что вы инициализирован быстрый советы одноплодной где-то перед кодом:

Ext.QuickTips.init(); 

Answer 3

Просто удалить пространство между для и знак равенства, должны быть:

<tpl for=".">