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

原创 2007年09月23日 12:50:00
 

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


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

可分页的WPF DATAGrid

  • 2013-08-10 18:06
  • 78KB
  • 下载

easyui 服务器端与客户端实现分页信息(easyui datagrid serverside and client side paginnation)

//设置分页控件      var p = $('#list_data').datagrid('getPager');      $(p).pagi...

利用MVC和Ajax实现->鼠标移动到热点上,显示详细信息

userController.class.php public function showDetailAction(){   //处理的是详细信息   $userModel = new user...
  • zsj523
  • zsj523
  • 2013-03-13 20:18
  • 1262

[easyui]datagrid鼠标移动显示单元格内容

当单元格内容过长无法完全显示怎么办?如果鼠标移动到该单元格可以自动显示出所有文字内容就好啦。 这里提供两个思路 给对应节点添加一个title属性,值就是节点的内容 添加事件,移动到单元格就用一个to...

ssh结合DataGrid 实现分页

  • 2015-12-22 21:22
  • 29.50MB
  • 下载

JQuery_鼠标移动到图标上显示相应信息

body { margin: 0px; } #div1 { margin: 0 auto...

UGUI背包(二)鼠标移动会显示信息框,拖拽物品

using UnityEngine; using System.Collections; using UnityEngine.EventSystems;// using System;//Action...

鼠标移动在文字上面,让其显示详细信息

鼠标移动在文字上面,让其显示详细信息
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)