ExtJs 4: How To Add Grid Cell Tooltip
2024-10-18 03:50:15
最近忙一个项目的时候需要实现鼠标移到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
最新文章
- 踩坑事件:windows操作系统下的eclipse中编写SparkSQL不能从本地读取或者保存parquet文件
- javascript 实现页面加载完再显示页面
- UIScrollView 滑动复位
- [POJ2892]Tunnel Warfare
- pasa的安装
- iOS 7.1 UITableView添加footerView 后 最后一行分割线无法显示
- 初识WEB:输入URL之后的故事【转】
- WIN7中盾牌的编程-DELPHI
- PHPCMS标签:PC标签模板语法规则
- Spring单例与线程安全小结
- 读书笔记 effective c++ Item 51 实现new和delete的时候要遵守约定
- 《.NET 设计规范》第 7 章:异常
- Android平移动画
- 最短路(bellman)-hdu1217
- 茶馆小人书 (AFO)
- 追求极致的用户体验ssr(基于vue的服务端渲染)
- MT【72】一个不等式
- 【题解】Atcoder ARC#96 F-Sweet Alchemy
- shell的函数返回值
- Linux系统下tomcat的配置
热门文章
- Jmeter软件测试3--发送二进制报文
- WPF 进度条
- AS3.0函数定义的方法
- 关于linux开机自启
- php中遇到include_path=&#39;.;C:\php5\pear&#39;的错误
- 2016022613 - redis连接命令集合
- POJ 3083 Children of the Candy Corn bfs和dfs
- 【转】使用spring @Scheduled注解执行定时任务
- 通过jquery获取后台传过来的值进行全选
- spm使用之二兼谈spm的贱格