zoukankan      html  css  js  c++  java
  • 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";
            }

    数据绑定事件
    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的单元格

  • 相关阅读:
    CF321D
    oracle 第25章 闪回技术
    oracle 第24章 Netbackup 备份恢复
    oracle 第23章 RMAN 备份恢复
    oracle 第22章 EXP/IMP/EXPDP/IMPDP 备份恢复
    oracle 第21章 dblink
    oracle 第20章 序列号和同义词
    oracle 第19章 视图
    oracle 第18章 索引
    oracle 第17章 表
  • 原文地址:https://www.cnblogs.com/xh831213/p/330790.html
Copyright © 2011-2022 走看看