ext.net tooltip
2024-08-25 14:44:03
业务场景:需要对grid表格中指定列显示tooltip.
html:
<form id="form1" runat="server"> <ToolTips>
<ext:ToolTip
ID="RowTip"
runat="server"
Target="={GridPanel1.getView().el}" 或 Target="={GridPanel1.getView().mainBody}"
Delegate=".x-grid3-td-20 " 这里是要显示tooltip的CSS,全部列都显示则是".x-grid3-cell ",这些值可以F12去查找。
TrackMouse="true"> <Listeners> <Show Fn="showTip" /> </Listeners> </ext:ToolTip> </ToolTips> </form>
js :
<script type="text/javascript" language="javascript"> var showTip = function () {
var rowIndex = GridPanel1.view.findRowIndex(this.triggerElement),
cellIndex = GridPanel1.view.findCellIndex(this.triggerElement),
record = Store1.getAt(rowIndex),
fieldName = GridPanel1.getColumnModel().getDataIndex(cellIndex),
data = record.get("取值列名");
this.body.dom.innerHTML = data; }; </script>
最新文章
- Ubuntu常用命令之update-alternatives
- 大三CS狗一点想法
- [JAVA] 基于TCP的起重机运行模拟器
- gdb调试汇编堆栈分析
- Linux MTD系统剖析【转】
- ZOJ 3778 Talented Chef
- Foreman--管理PuppetClient
- (转)Apache2 httpd.conf 配置详解 (二)
- 认识xml
- 第四种:GCD
- 【笔记】归纳js getcomputedStyle, currentStyle 以及其相关用法
- 浅谈Kubernetes生产架构
- JQ初级
- SQL实现如何计算项目进度总共天数情况、已经施工天数情况、以及施工进度百分比
- 超实用的 Nginx 极简教程,覆盖了常用场景
- msm audio platform 驱动代码跟踪
- Java并发编程笔记之 CountDownLatch闭锁的源码分析
- python3字符串与文本处理
- 编译安装spark 1.5.x(Building Spark)
- sql语句优化(一)