Extjs Grid 中的 ToolTip效果

最新推荐文章于 2017-09-06 00:21:00 发布

ws_hgo

最新推荐文章于 2017-09-06 00:21:00 发布

阅读量8.5k

点赞数

分类专栏： Ext JS 文章标签： extjs function constructor templates parameters object

本文链接：https://blog.csdn.net/ws_hgo/article/details/5979790

版权

这篇博客介绍了如何在ExtJS Grid中实现基于记录的、每列不同的ToolTip效果，包括通过Ajax动态加载数据。博客提供了详细的代码示例，展示了一个名为CellToolTips的插件，该插件允许根据字段设置不同的模板，并在需要时通过Ajax获取额外的数据来丰富Tooltip内容。

摘要由CSDN通过智能技术生成

效果图如下

js代码:

// Create the namespace Ext.ns('Ext.ux.plugins.grid'); /** * Ext.ux.plugins.grid.CellToolTips plugin for Ext.grid.GridPanel * * A GridPanel plugin that enables the creation of record based, * per-column tooltips that can also be dynamically loaded via Ajax * calls. * * Requires Animal's triggerElement override when using ExtJS 2.x * (from <a href="http://extjs.com/forum/showthread.php?p=265259#post265259" mce_href="http://extjs.com/forum/showthread.php?p=265259#post265259">http://extjs.com/forum/showthread.php?p=265259#post265259</a>) * In ExtJS 3.0 this feature is arealy in the standard. * * @author BitPoet * @date July 03, 2009 * @version 1.1 * * @class Ext.ux.plugins.grid.CellToolTips * @extends Ext.util.Observable */ /** * Constructor for the Plugin * * @param {ConfigObject} config * @constructor */ Ext.ux.plugins.grid.CellToolTips = function(config) { var cfgTips; if( Ext.isArray(config) ) { cfgTips = config; config = {}; } else { cfgTips = config.ajaxTips; } Ext.ux.plugins.grid.CellToolTips.superclass.constructor.call(this, config); if( config.tipConfig ) { this.tipConfig = config.tipConfig; } this.ajaxTips = cfgTips; } // End of constructor // plugin code Ext.extend( Ext.ux.plugins.grid.CellToolTips, Ext.util.Observable, {