/* 編 寫 人：sufei
* 編寫時間：2009年3月5日上午
*使用GridView自帶的ToolTip隐藏過長的資料
*/
for (int j = 1; j < Gv_FAQ.Columns.Count; j++)
{
for (int i = 0; i < Gv_FAQ.Rows.Count; i++)
{
Gv_FAQ.Rows[i].Cells[j].ToolTip = Gv_FAQ.Rows[i].Cells[j].Text;
//長度過八個字元的時候隐藏顯示
if (Gv_FAQ.Rows[i].Cells[j].Text.Length > 20)
{
Gv_FAQ.Rows[i].Cells[j].Text = Gv_FAQ.Rows[i].Cells[j].Text.Substring(0, 20) + "...";
}
}
}
注：
把我的代碼複制到你的程式中，隻要把GirdView的名字改成你的gridView的名字就可以了，
二、JavaScript ToolTip層
頁面上需要作的工作是：
加載ToolTip顯示函數所在的檔案
<script language="javascript" type="text/javascript" src="tooltip.js" ></script>
初始化ToolTip
<body onload="javascript:initToolTips();">
增加一ToolTip層
<div id="toolTipLayer" style="position: absolute; visibility: hidden">
</div>
添加DataBound函數
protected void gvToolTip_DataBound(object sender, EventArgs e)
{
// 示範ToolTip，使用外建的Javascript函數
gvToolTip.Rows[0].Cells[3].Attributes.Add("OnMouseOver", Convert2Tooltip(gvToolTip.Rows[0].Cells[3].Text));
gvToolTip.Rows[0].Cells[3].Attributes.Add("OnMouseOut", "javascript:toolTip();");
if (gvToolTip.Rows[0].Cells[3].Text.Length > 18)
gvToolTip.Rows[0].Cells[3].Text = gvToolTip.Rows[0].Cells[3].Text.Substring(0, 15) + "...";
} 其中Convert2Tooltip為處理字元串函數，它将’轉為\’，否則無法顯示含’的字段
三、兩種方法的比較
1. 方法一較簡單，而方法二需要額外的處理
2. 方法二的優點在于它能自定義寬度，前景背景顔色，且當滑鼠滑鼠移上去時立即顯示
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden; ![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)