Подсказка элементов поля со списком не отображается

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

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


extjs
person SriniWeb    schedule 25.11.2009    source источник
comment
Пожалуйста, отформатируйте код правильно, чтобы он был более читабельным.   -  person Brian Moeskau    schedule 25.11.2009

Ответы (3)


arrow_upward
7
arrow_downward

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

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

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

Ext.QuickTips.init();
person Brian Moeskau    schedule 25.11.2009
comment
Спасибо за ответ, мне помогло!! - person SriniWeb; 09.12.2009

arrow_upward
0
arrow_downward

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

<tpl for=".">
person Vitaly    schedule 09.04.2012

arrow_upward
-1
arrow_downward

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

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

person mwcz    schedule 25.11.2009
comment
Ext JS не использует элемент ванильного выбора. - person Brian Moeskau; 25.11.2009