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
  • 下载

C#的WebApi 与 EasyUi的DataGrid结合生成的可分页界面

1、从数据库每次取出的数据为当前分页的数据。 2、分页用的是EasyUI 的 Pagination控件,与DataGrid是相对独立的。 3、后台数据获取是通过WebApi去获取。 4、传入参数...
  • akuoma
  • akuoma
  • 2017年04月24日 19:57
  • 610

让Asp.NET的DataGrid可排序、可选择、可分页

让Asp.NET的DataGrid可排序、可选择、可分页 DataGrid是Asp.NET中的一个重要的控件,经常我们都将DataGrid做成可分页的和可排序的,有时还需要加上选择功能。这些都是经常...

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

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

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

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

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

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

jqprint可分页打印页面内容

  • 2015年12月09日 13:49
  • 33KB
  • 下载

ssh结合DataGrid 实现分页

  • 2015年12月22日 21:22
  • 29.5MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DataGrid实现过多信息鼠标移动到记录上显示,可分页
举报原因:
原因补充:

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