extjs listView中的图像，带有工具提示和条件颜色

Question

我正在开发一个宽度非常有限的listView，所以我想到一些信息（比如创建该记录的代理）可以用图标（人类）和完整信息（名字和姓氏）替换）当mouseOver（如工具提示）时显示。

1. 如何在listView行上放置图像（我想2种：红色衬衫和蓝色裙子图标）
2. 如何在其上实施工具提示

？

编辑：此外我正在寻找有条件地更改单元格的背景颜色的方法：如果隐藏列“原因”= 1，列“AAA”将具有红色背景颜色，如果= 2列“BBB”和...

欢迎提供帮助

Answer 1

只需使用tpl，就是它的用途：

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

您可能想要创建一个带背景图片的元素，而不是<img>。或者您可能想要有条件地选择图像。阅读Ext.XTemplate的文档 - 它就在那里。

但对于背景颜色，您可能最好使用GridPanel - 您可以轻松地为单元格（使用渲染器）甚至行（使用getRowClass）设置样式。 ListView在这方面有点受限。