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

  • 相关阅读:
    Redis简单实践-分布式锁
    Redis基础数据结构
    Redis介绍
    MakeGenericType方法,运行时传入泛型T参数,动态生成泛型类
    Visual Studio 2017 Ctrl+单击键会跳转到定义的设置
    10 分钟 创建分布式微服务
    nodejs 中自定义事件
    我是这么给娃娃取名的(使用 node.js )
    使用 Fiddler 上传微信公众账号 自定义菜单
    drf_yasg 简单使用
  • 原文地址:https://www.cnblogs.com/xh831213/p/330790.html
Copyright © 2011-2022 走看看