extjs Изображение в listView с всплывающей подсказкой и условными цветами

Question

Я занимаюсь разработкой listView с очень ограниченным пространством по ширине, поэтому пришла мысль, что некоторую информацию (например, агент, создавший эту запись) можно заменить значком (человека) и полной информацией (имя и фамилия)) отображается, когда mouseOver (как всплывающая подсказка).

1. как разместить изображение в строке listView (я думаю о 2 видах: красная рубашка и синий значок юбки)
2. как реализоватьвсплывающая подсказка

?

РЕДАКТИРОВАТЬ: Также я ищу способ условно изменить цвет фона ячейки: если скрытый столбец "причина" = 1, столбец "ААА" будет иметь красный цвет фона, если = 2 столбец "ВВВ" и....

Помощь будет приветствоваться

Answer 1

Просто используйте tpl, вот для чего:

columns: [
  {
    header: 'Agent',
    tpl: '<img src="{url}" ext:qtip="{tooltip}"/>'
  }
]

Вместо <img> вы можете создать элемент с фоновым изображением. Или вы можете хотеть сделать выбор изображения условно. Прочитайте документацию по Ext.XTemplate - все это есть.

Но для цвета фона лучше использовать GridPanel - там можно легко установить стили для ячейки (с помощью средства визуализации) или даже строки (с помощью getRowClass). В этом отношении ListView немного ограничен.