为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()");
            }

        }

    }


 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值