当前位置: 代码迷 >> 综合 >> EXTJS2 grid列表鼠标悬停、qtip提示
  详细解决方案

EXTJS2 grid列表鼠标悬停、qtip提示

热度:61   发布时间:2023-11-03 08:07:49.0

extjs2版本中实现鼠标悬停的qtip提示,需要在页面ext初始化时加入如下代码:

Ext.QuickTips.init();

然后在grid的ColumnModel中,需要有qtip效果的字段加上如下代码

renderer : function(value, cell, record, rowIndex, colIndex){return '<div ext:qtip="'+value+'">'+value+'</div>';}

 最终效果如图所示:

如果qtip内容过长,会导致样式变形,可以用 XTemplate更改样式,如下:

renderer : function(value, cell, record, rowIndex, colIndex){var qtipTpl = new Ext.XTemplate('<tpl for=".">','<div ext:qtip="{da}">','{data}</div>','</tpl>');var va = value.split("/");var v = '';for(var i=1;i<va.length;i++){v = v + "/"+va[i]+"<br>";}var da = {da:v,data:value};return qtipTpl.apply(da);}

 最终效果如图所示:

 

  相关解决方案