ExtJS4.2 Grid 单元格鼠标悬停提示
来源:互联网 发布:西单有mac专柜吗 编辑:程序博客网 时间:2024/05/29 14:18
ExtJS4.2 Grid单元格的鼠标悬浮提示:
//每一个列都会出现鼠标悬浮上去显示内容/** * //适用于Extjs4.x* @class Ext.grid.GridView * @override Ext.grid.GridView * GridPanel单元格不能选中复制问题 * 单元格数据显示不完整 ,增加title 浮动提示信息 */ Ext.override(Ext.grid.GridPanel, { afterRender : Ext.Function.createSequence(Ext.grid.GridPanel.prototype.afterRender, function() { // 默认显示提示 if (!this.cellTip) { return; } var view = this.getView(); this.tip = new Ext.ToolTip({ target: view.el, delegate : '.x-grid-cell-inner', trackMouse: true, renderTo: document.body, ancor : 'top', style : 'background-color: #FFFFCC;', listeners: { beforeshow: function updateTipBody(tip) { //取cell的值 //fireFox tip.triggerElement.textContent //IE tip.triggerElement.innerText var tipText = (tip.triggerElement.innerText || tip.triggerElement.textContent); if (Ext.isEmpty(tipText) || Ext.isEmpty(tipText.trim()) ) { return false; } tip.update(tipText); } } }); })});
使用方法:
开启提示
Ext.QuickTips.init();
gridPanel增加属性:
cellTip : true
0 0
- ExtJS4.2 Grid 单元格鼠标悬停提示
- ExtJS4 grid单元格悬浮提示
- extjs4.x grid单元格加入tooltip提示
- ext grid鼠标悬停和提示
- ExtJS Grid Tooltip提示 鼠标悬停
- ExtJS4.2 双击Grid单元格事件处理
- ExtJS4 grid合并单元格
- ExtJS Grid Tooltip提示 鼠标悬停 项目案例
- ExtJs4 - grid 合并单元格 跨行跨列
- Extjs4 grid合并行单元格
- ExtJs4 - grid 合并单元格 跨行跨列
- 鼠标悬停提示(javascript)
- 鼠标悬停提示代码
- 鼠标悬停提示
- 鼠标悬停提示
- C#鼠标悬停提示
- 鼠标悬停信息提示
- MFC鼠标悬停提示
- 学习打卡记录
- python 引用 java代码
- Nodejs为代理npm设置代理
- Linux进程管理小结
- 设计模式之外观模式
- ExtJS4.2 Grid 单元格鼠标悬停提示
- MyBatis(一)
- CodeForces 697B Barnicle(学习scanf(),科学计数法的转换)
- Linux下date命令,格式化输出,时间设置
- hdu 4442
- C++实现快速排序,归并排序,堆排序
- Http状态code(PHP开发)
- Centos7安装显卡驱动
- ArcEngine的ToolbarControl解析