转自:http://joyliu.org/blog/archives/86
在技术交流群里有人问到在Extjs4中如何给Grid的Header加上提示,之前查找资料是有看到过那样的文章,因为工作上事情多每个在Q群里帮忙回答,可能是很多人遇到问题不会去认真看搜索结果中的英文信息,其实还是挺丰富的,在一篇英文博客中主要寻找自己想要的关键信息,确实看不懂也可以借助页面的翻译工具.
言归正传,还是介绍下这个插件和做的实例,使用的IDE是eclipse,extjs的版本是4.1,实例的结构如图:
实例中主要用到的是extjs的例子的重arrayGrid,包括css、images和app。然后给插件创建一个文件夹ux,以及子文件夹gird,因为这个是grid的插件,创建HeaderToolTip.js,如图:
接下来是代码是引用这个插件,
Ext.Loader.setConfig({enabled: true});这里开启动态加载,Extjs会动态去加载相关的资源.
在Grid页面中,第一个红线区域是声名在加载这个应用之前需要先加载插件,在后面的设置中才可以找到相应的文件;
第二个区域中把插件加入到这个gird中,然后在需要设置提示的column中加上tooltip,对应的是需要提示的内容,实例运行起来后就可以看到效果了,如下图:
这个插件是在extjs的论坛中找到的,在论坛中很多牛人开发了很多实用的插件,还是感谢loiane,在她的博客中可以找到很多有用的资料。
Thanks for loiane, you can find many usefull infomation in her blog,and the articles she wrote are easy to understand.