最近忙一个项目的时候需要实现鼠标移到grid的某一行上提示消息。花了半天时间才解决。在网上找很久终于有找到一个有用的。我的版本是extjs4.

效果如图

Ext.onReady(function () {
// Init the singleton. Any tag-based quick tips will start working.
Ext.tip.QuickTipManager.init(); Ext.widget('grid', {
title: 'Users',
store: {
fields: ['name', 'email', 'comment'],
data: [
{ 'name': 'Lisa', 'email': 'lisa@simpsons.com', 'comment': 'some comment' },
{ 'name': 'Bart', 'email': 'bart@simpsons.com', 'comment': 'comment' },
{ 'name': 'Homer', 'email': 'home@simpsons.com', 'comment': 'some very long comment' },
{ 'name': 'Marge', 'email': 'marge@simpsons.com', 'comment': 'some very very very very long comment' }
]
},
columns: [
{ header: 'Name', dataIndex: 'name', width: 100 },
{ header: 'Email', dataIndex: 'email', width: 150 },
{
header: 'comment',
dataIndex: 'comment',
flex: 1,
renderer: function (value, meta, record) {
var max = 15;
meta.tdAttr = 'data-qtip="' + value + '"';
return value.length < max ? value : value.substring(0, max - 3) + '...';
}
}
],
width: 400,
renderTo: 'output'
});
});

参考的原文:http://ext4all.com/post/extjs-4-how-to-add-grid-cell-tooltip

最新文章

  1. 踩坑事件:windows操作系统下的eclipse中编写SparkSQL不能从本地读取或者保存parquet文件
  2. javascript 实现页面加载完再显示页面
  3. UIScrollView 滑动复位
  4. [POJ2892]Tunnel Warfare
  5. pasa的安装
  6. iOS 7.1 UITableView添加footerView 后 最后一行分割线无法显示
  7. 初识WEB:输入URL之后的故事【转】
  8. WIN7中盾牌的编程-DELPHI
  9. PHPCMS标签:PC标签模板语法规则
  10. Spring单例与线程安全小结
  11. 读书笔记 effective c++ Item 51 实现new和delete的时候要遵守约定
  12. 《.NET 设计规范》第 7 章:异常
  13. Android平移动画
  14. 最短路(bellman)-hdu1217
  15. 茶馆小人书 (AFO)
  16. 追求极致的用户体验ssr(基于vue的服务端渲染)
  17. MT【72】一个不等式
  18. 【题解】Atcoder ARC#96 F-Sweet Alchemy
  19. shell的函数返回值
  20. Linux系统下tomcat的配置

热门文章

  1. Jmeter软件测试3--发送二进制报文
  2. WPF 进度条
  3. AS3.0函数定义的方法
  4. 关于linux开机自启
  5. php中遇到include_path=&#39;.;C:\php5\pear&#39;的错误
  6. 2016022613 - redis连接命令集合
  7. POJ 3083 Children of the Candy Corn bfs和dfs
  8. 【转】使用spring @Scheduled注解执行定时任务
  9. 通过jquery获取后台传过来的值进行全选
  10. spm使用之二兼谈spm的贱格