在ExtJS4网格/工具提示中渲染图像
Render an image in an ExtJS4 grid qtip/tooltip
是否可以在extJS4 qtip中为网格单元渲染图像?我尝试了以下代码:
// col defs here
{
text : 'File Name',
width : 75,
sortable : true,
dataIndex: 'filename',
renderer: function(value,metaData,record,colIndex,store,view) {
metaData.tdAttr = 'data-qtip="<img src='"img.jpg'">"';
return value;
}
},
将html标签分配给属性似乎是不正确的,但我想不出任何其他方法。无论如何;这行不通。什么好主意吗?
提前感谢!
你所尝试的似乎是一个很好的方法-它究竟是如何不起作用的?(也许你只需要为图片定义一个绝对URL ?)无论如何,另一个(更简洁的)选项是为元数据对象分配一个CSS类,并在CSS中定义图像URL。
相关文章:
- 如何在 javascript 替换新图像/标题后正确显示 css 工具提示
- jquery UI工具提示的自定义背景图像
- 如何在 D3 中创建工具提示,以便在图形中节点上的鼠标悬停上获取图像
- 如何通过 Jquery 工具提示显示图像
- 如何将文本框弹出窗口(Jquery 工具提示或类似工具)添加到画布中的 Fabric JS 图像
- 如何在图像库森时更改颜色和显示工具提示
- 当我们单击多个图像链接时,将在同一页面上显示多个工具提示
- 为什么我无法在引导工具提示中显示图像
- 悬停时无法显示图像按钮的工具提示项
- 在图像附近显示鼠标上的工具提示
- 鼠标悬停图像地图上的工具提示
- JQuery UI工具提示:每个工具提示有不同的图像
- 如何在MVC 4剃刀中动态调用图像上的工具提示
- 如何将引导工具提示与图像链接一起使用
- 单击图像时的工具提示
- 将鼠标悬停在图像的一部分上时的工具提示
- 图像地图中的纯CSS数据工具提示(jquery?)
- Jquery获取有关图像映射区域形状的工具提示
- Highcharts工具提示图像
- 如何在工具提示中添加一些图像或图例