[英]How to set tooltip for treelist in ExtJS?
我正在开发一个ExtJs应用程序。 我想使用一个treelist如下:
{
xtype: 'treelist',
bind: '{navimgation}',
...
}
我在模型中的navimgation
如下:
navimgation: {
type: 'tree',
root: {
children: [{
text: 'Node1',
leaf: true,
qtip: 'My qtip 1'
},{
text: 'Node2',
leaf: true,
qtip: 'My qtip 2'
}
...
]
}
}
我希望在鼠标悬停在节点上时显示工具提示,但它无法正常工作。
看起来Ext.list.Tree
qtip
和qtitle
配置存在问题。
在text
配置中传递html现在可以使用了。
例如<span title="Homework qtip">Homework</span>
这是一个例子,我尝试过使用treelist
配置。
让我知道这个是否奏效。 我还没玩过很多树,但你可以尝试这是JSFiddle或你的代码。
navimgation: {
type: 'tree',
root: {
children: [{
text: 'Node1',
leaf: true,
renderer: function (val, meta, rec) {
meta.tdAttr = 'data-qtip="This is my tooltip"';
return val;
}
},{
text: 'Node2',
leaf: true,
renderer: function (val, meta, rec) {
meta.tdAttr = 'data-qtip="This is my tooltip"';
return val;
}
}
...
]
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.