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的单元格

  • 相关阅读:
    在Centos中导入sql文件的方法
    Centos7.4 版本环境下安装Mysql5.7操作记录
    CentOS 7.4下使用yum安装MySQL5.7.20 最简单的
    MySql命令集合
    常用linux命令
    HDP Spark2 HIVE3.1 的问题
    YARN 的调度选项
    Sqoop 遇到的问题
    Kubernetes 集群部署(4) -- Node 部署
    HDP 中 yarn 和 MR2 的配置
  • 原文地址:https://www.cnblogs.com/xh831213/p/330790.html
Copyright © 2011-2022 走看看