zoukankan      html  css  js  c++  java
  • ext.net tooltip

    业务场景:需要对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>
  • 相关阅读:
    Samba文件服务器详细配置步骤
    chkconfig命令详解
    rdesktop的使用方法
    CentOs中yum安装LAMP+PHPMYADMIN
    YUM源
    Centos下设置VNC为3389端口
    vnc服务的安装与配置
    rdesktop的使用
    nginx 日志分割
    程序员私活网汇总
  • 原文地址:https://www.cnblogs.com/BinBinGo/p/9474609.html
Copyright © 2011-2022 走看看