Extjs4:给Grid的Header加上提示(转载)

 转自: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.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值