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>