为GridView每个单元格鼠标移上去显示div

我这里读的是xml，大家可以参照自己的读取方式将数据转换成表格.

 

 gridview 的RowBound事件里面的内容

//鼠标经过时候显示div    
function showdivByCs(table) ...{

//    table=table.replace("&","&");
//    table=table.replace(">",">");
//    table=table.replace("&lt;","<");
//    table=table.replace("&quot;",""");
//    table=table.replace("&apos;","'");

var x = window.event.x;
var y = window.event.y;
var show = document.getElementById("ShowInfo");
show.style.visibility = "visible";
show.style.top = y;
show.style.left = x;
show.style.background="#ffff00";

//读取xml
document.getElementById("sp").innerHTML=table;

//div跟随鼠标
document.onmousemove = moveToMouseLoc;

}

//鼠标移动时候div跟随
function moveToMouseLoc(e)
...{
    x = window.event.x;
    y = window.event.y;
  var show = document.getElementById("ShowInfo");
  show.style.left = x;
  show.style.top = y;
  return true;
}

javascript 里的内容

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    ...{
        if (e.Row.RowType == DataControlRowType.DataRow)
        ...{
            // DataSet ds = new DataSet();

            for (int i = 0; i < e.Row.Cells.Count; i++)
            ...{

                string table = "<table cellspacing='0' rules='all' bordercolorlight='#b4b1b1' bordercolordark='#ffffff' border='1'><tr class='title'><td>数据来源</td><td>" + GridView1.Columns[i].HeaderText.ToString() + "</td></tr>";
                XmlDocument xmlDoc = new XmlDocument();
                xmlDoc.LoadXml(LbHiddenGrid.Text);
                //xmlDoc.SelectSingleNode("/Datas/notes[@id='" + i + "']/Source[@Desc='成考']/Data/Year");
                //xmlDoc.SelectSingleNode("/Datas/notes[@id='" + i + "']/Source[@Desc='成考']/Data/Year").FirstChild.Value
                foreach (XmlNode childnode in xmlDoc.SelectSingleNode("/Datas/notes[@id='" + e.Row.RowIndex.ToString() + "']"))
                ...{
                    //XmlNode childnode = xmlDoc.SelectSingleNode("/Datas/notes[@id='" + e.Row.RowIndex.ToString() + "']");
                    //for (int j = 0; j < xmlDoc.SelectSingleNode("/Datas/notes[@id='" + e.Row.RowIndex.ToString() + "']").ChildNodes.Count; j++)
                    //{

                    table += "<tr><td>";
                    string name = childnode.Attributes.GetNamedItem("Desc").InnerText;
                    table += name + "</td><td>";
                    string value = childnode.SelectSingleNode("Data/" + ((BoundField)(GridView1.Columns[i])).DataField).InnerText;
                    table += value + "</td></tr>";
                    //childnode.SelectSingleNode("/Data/" );                        
                    //ds.ReadXml(XmlReader.Create(new System.IO.StringReader(childnode.FirstChild.OuterXml)));
                    //}
                }
                table += "</table>";
                //string ss = Server.HtmlEncode(table);
                e.Row.Cells[i].Attributes.Add("onmouseover", "showdivByCs("" + table + "")");
                e.Row.Cells[i].Attributes.Add("onmouseout", "Remove()");
            }
        }
    }