gaoxiang

专注于.NET技术
博客园 首页 新随笔 联系 订阅 管理
DataGrid实现tooltip功能

1.html代码
<HTML>
    <HEAD>
        <title>DataGridTooltip</title>
        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        <meta name="CODE_LANGUAGE" Content="C#">
        <meta name="vs_defaultClientScript" content="JavaScript">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
        <style type="text/css"> .transparent { BORDER-RIGHT: indianred 1px solid; BORDER-TOP: indianred 1px solid; DISPLAY: none; FILTER: alpha(opacity=85); BORDER-LEFT: indianred 1px solid; BORDER-BOTTOM: indianred 1px solid; POSITION: absolute; BACKGROUND-COLOR: infobackground } </style>
        <script language="javascript">
            function Show(Country, City, Address, PostalCode, Phone, Fax)
            {
                //debugger;
                document.getElementById("td1").innerText="国家："+Country;
                document.getElementById("td2").innerText="城市："+City;
                document.getElementById("td3").innerText="地址："+Address;
                document.getElementById("td4").innerText="邮编："+PostalCode;
                document.getElementById("td5").innerText="电话："+Phone;
                document.getElementById("td6").innerText="传真："+Fax;
                x = event.clientX + document.body.scrollLeft;
                y = event.clientY + document.body.scrollTop + 20;
                Popup.style.display="block";
                Popup.style.left = x;
                Popup.style.top = y;                
            }
            function Hide()
            {
                Popup.style.display="none";
            }
        </script>
    </HEAD>
    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
            <div id="Popup" class="transparent">
                <table border="0" cellpadding="0" bgColor="#00ccff">
                    <tr>
                        <td align="center" bgcolor="indianred"><font color="white">联系方式</font></td>
                    </tr>
                    <tr>
                        <td id="td1"></td>
                    </tr>
                    <tr>
                        <td id="td2"></td>
                    </tr>
                    <tr>
                        <td id="td3"></td>
                    </tr>
                    <tr>
                        <td id="td4"></td>
                    </tr>
                    <tr>
                        <td id="td5"></td>
                    </tr>
                    <tr>
                        <td id="td6"></td>
                    </tr>
                </table>
            </div>
            <asp:DataGrid id="DataGrid1" runat="server">
                <FooterStyle ForeColor="#003399" BackColor="#99CCCC"></FooterStyle>
                <SelectedItemStyle Font-Bold="True" ForeColor="#CCFF99" BackColor="#009999"></SelectedItemStyle>
                <ItemStyle ForeColor="#003399" BackColor="White"></ItemStyle>
                <HeaderStyle Font-Bold="True" ForeColor="#CCCCFF" BackColor="#003399"></HeaderStyle>
                <PagerStyle HorizontalAlign="Left" ForeColor="#003399" BackColor="#99CCCC" Mode="NumericPages"></PagerStyle>
            </asp:DataGrid>
        </form>
    </body>
</HTML>
2.cs代码
public class DataGridTooltip : System.Web.UI.Page
    {
        protected System.Web.UI.WebControls.DataGrid DataGrid1;
        private DataTable dt;

        Page_Load

        DataGrid1_ItemDataBound

        Web Form Designer generated code
    }
posted on 2006-01-01 12:52 小山 阅读(296) 评论(4)  编辑 收藏 收藏至365Key 所属分类: DataGrid

Feedback

# re: DataGrid实现tooltip功能 2006-01-03 10:25 cnjodan
小山老师，按照您提供的代码，运行是完全可以，但它那个提示都是在网页的最上面，不是像您提供的效果图那样啊，如果记录是后面几条根本都看不到上面所要改的内容啊！！！！还是那边代码要改一下呢？？？？？？？？
请小山老师指点一下！！！！！！！！  回复
  

# re: DataGrid实现tooltip功能 2006-01-04 18:04 小微
小山老师，能不能提供此程序的源代码啊？谢谢！~~~  回复
  

# re: DataGrid实现tooltip功能 2006-01-13 09:12 cnjack
Popup.style.display="block";
Popup.style.left = x;
Popup.style.top = y;
賦值後，div的位置沒有變化  回复
  

# re: DataGrid实现tooltip功能 2006-02-10 17:57 Wright_ZJ
您的代码怎么用啊？？没有任何后缀名？？？  回复
posted on 2006-03-10 10:16  S孤单一吻S  阅读(978)  评论(0)    收藏  举报