关闭

DataGrid实现过多信息鼠标移动到记录上显示,可分页

216人阅读 评论(0) 收藏 举报
 

HTML Tags and JavaScript tutorial



DataGrid实现过多信息鼠标移动到记录上显示,可分页




 
脚本代码
function Show(sea, comment) { //获得鼠标的X轴的坐标 x = event.clientX + document.body.scrollLeft ; //获得鼠标的Y轴的坐标 y = event.clientY + document.body.scrollTop ; //显示弹出窗体 Popup.style.display="block"; //设置窗体的X,Y轴的坐标 Popup.style.left = x; Popup.style.top = y; document.getElementById("td1").innerText="缺勤人员及原因:"+sea; document.getElementById("td2").innerText="会议主要内容:"+comment; } //隐藏弹出窗体 function Hide() { Popup.style.display="none"; }
        function Show(sea, comment)
        {
             //获得鼠标的X轴的坐标
            x = event.clientX + document.body.scrollLeft  ;        
            //获得鼠标的Y轴的坐标
            y = event.clientY + document.body.scrollTop  ;
            //显示弹出窗体
            Popup.style.display="block";
            //设置窗体的X,Y轴的坐标
            Popup.style.left = x;
             Popup.style.top = y;
            document.getElementById("td1").innerText="缺勤人员及原因:"+sea;
            document.getElementById("td2").innerText="会议主要内容:"+comment;   
        }
         //隐藏弹出窗体
         function Hide()
        {
            Popup.style.display="none";
        }
function Show(sea, comment) { //获得鼠标的X轴的坐标 x = event.clientX + document.body.scrollLeft ; //获得鼠标的Y轴的坐标 y = event.clientY + document.body.scrollTop ; //显示弹出窗体 Popup.style.display="block"; //设置窗体的X,Y轴的坐标 Popup.style.left = x; Popup.style.top = y; document.getElementById("td1").innerText="缺勤人员及原因:"+sea; document.getElementById("td2").innerText="会议主要内容:"+comment; } //隐藏弹出窗体 function Hide() { Popup.style.display="none"; }
数据绑定事件
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('"+dtab.Rows[e.Item.ItemIndex+(DataGrid1.CurrentPageIndex*DataGrid1.PageSize)]["TeamMeet_AbsentName"].ToString()+"','"
     +dtab.Rows[e.Item.ItemIndex+(DataGrid1.CurrentPageIndex*DataGrid1.PageSize)]["TeamMeet_Content"].ToString()+"');");
    e.Item.Attributes.Add("onmouseout",
     "this.style.backgroundColor=this.oldcolor;Hide();"); 
   }
  }
 Popup是层
td1,td2是层里一个table的单元格


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:150613次
    • 积分:4030
    • 等级:
    • 排名:第7717名
    • 原创:242篇
    • 转载:0篇
    • 译文:0篇
    • 评论:16条
    文章存档
    最新评论