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代码
< 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 >
public
class
DataGridTooltip : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataGrid DataGrid1;
private DataTable dt;
Page_Load#region Page_Load
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostBack)
{
SqlConnection cnn = new SqlConnection();
cnn.ConnectionString = "data source=meng;initial catalog=Northwind;password=sa;persist security info=True;user id=sa;packet size=4096";
string sqlstr = "select Top 16 CustomerID, CompanyName,ContactTitle,Country, City, Address,PostalCode,Phone,Fax from Customers";
cnn.Open();
SqlDataAdapter ad = new SqlDataAdapter(sqlstr,cnn);
dt = new DataTable();
ad.Fill(dt);
DataGrid1.DataSource = dt;
DataGrid1.DataBind();
}
}
#endregion
DataGrid1_ItemDataBound#region DataGrid1_ItemDataBound
private void DataGrid1_ItemDataBound(object sender,System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType == ListItemType.AlternatingItem|| e.Item.ItemType == ListItemType.Item)
{
e.Item.Attributes.Add("onmouseover","this.oldcolor=this.style.backgroundColor;this.style.backgroundColor='#C8F7FF';");
e.Item.Attributes.Add("onmousemove",
"Show('"+dt.Rows[e.Item.ItemIndex]["country"].ToString()+"','"
+dt.Rows[e.Item.ItemIndex]["City"].ToString()+"','"
+dt.Rows[e.Item.ItemIndex]["Address"].ToString()+"','"
+dt.Rows[e.Item.ItemIndex]["PostalCode"].ToString()+"','"
+dt.Rows[e.Item.ItemIndex]["Phone"].ToString()+"','"
+dt.Rows[e.Item.ItemIndex]["Fax"].ToString()+"');");
e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor=this.oldcolor;Hide();");
}
}
#endregion
Web Form Designer generated code#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: This call is required by the ASP.NET Web Form Designer.
//
InitializeComponent();
base.OnInit(e);
}
/**//// <summary>
/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
/// </summary>
private void InitializeComponent()
{
this.DataGrid1.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemDataBound);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
{
protected System.Web.UI.WebControls.DataGrid DataGrid1;
private DataTable dt;
Page_Load#region Page_Load
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostBack)
{
SqlConnection cnn = new SqlConnection();
cnn.ConnectionString = "data source=meng;initial catalog=Northwind;password=sa;persist security info=True;user id=sa;packet size=4096";
string sqlstr = "select Top 16 CustomerID, CompanyName,ContactTitle,Country, City, Address,PostalCode,Phone,Fax from Customers";
cnn.Open();
SqlDataAdapter ad = new SqlDataAdapter(sqlstr,cnn);
dt = new DataTable();
ad.Fill(dt);
DataGrid1.DataSource = dt;
DataGrid1.DataBind();
}
}
#endregion
DataGrid1_ItemDataBound#region DataGrid1_ItemDataBound
private void DataGrid1_ItemDataBound(object sender,System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType == ListItemType.AlternatingItem|| e.Item.ItemType == ListItemType.Item)
{
e.Item.Attributes.Add("onmouseover","this.oldcolor=this.style.backgroundColor;this.style.backgroundColor='#C8F7FF';");
e.Item.Attributes.Add("onmousemove",
"Show('"+dt.Rows[e.Item.ItemIndex]["country"].ToString()+"','"
+dt.Rows[e.Item.ItemIndex]["City"].ToString()+"','"
+dt.Rows[e.Item.ItemIndex]["Address"].ToString()+"','"
+dt.Rows[e.Item.ItemIndex]["PostalCode"].ToString()+"','"
+dt.Rows[e.Item.ItemIndex]["Phone"].ToString()+"','"
+dt.Rows[e.Item.ItemIndex]["Fax"].ToString()+"');");
e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor=this.oldcolor;Hide();");
}
}
#endregion
Web Form Designer generated code#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: This call is required by the ASP.NET Web Form Designer.
//
InitializeComponent();
base.OnInit(e);
}
/**//// <summary>
/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
/// </summary>
private void InitializeComponent()
{
this.DataGrid1.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemDataBound);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}