`
songtianbao
  • 浏览: 29499 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类
最新评论

为GridView每个单元格鼠标移上去显示div

阅读更多
这里读的是xml,大家可以参照自己的读取方式将数据转换成表格.

gridview 的RowBound事件里面的内容

//鼠标经过时候显示div
functionshowdivByCs(table)...{

//table=table.replace("&","&");
//
table=table.replace(">",">");
//
table=table.replace("&lt;","<");
//
table=table.replace("&quot;",""");
//
table=table.replace("&apos;","'");

varx=window.event.x;
vary=window.event.y;
varshow=document.getElementById("ShowInfo");
show.style.visibility
="visible";
show.style.top
=y;
show.style.left
=x;
show.style.background
="#ffff00";

//读取xml
document.getElementById("sp").innerHTML=table;

//div跟随鼠标
document.onmousemove=moveToMouseLoc;

}


//鼠标移动时候div跟随
functionmoveToMouseLoc(e)
...{
x
=window.event.x;
y
=window.event.y;
varshow=document.getElementById("ShowInfo");
show.style.left
=x;
show.style.top
=y;
returntrue;
}
javascript 里的内容
protectedvoidGridView1_RowDataBound(objectsender,GridViewRowEventArgse)
...{
if(e.Row.RowType==DataControlRowType.DataRow)
...{
//DataSetds=newDataSet();

for(inti=0;i<e.Row.Cells.Count;i++)
...{

stringtable="<tablecellspacing='0'rules='all'bordercolorlight='#b4b1b1'bordercolordark='#ffffff'border='1'><trclass='title'><td>数据来源</td><td>"+GridView1.Columns[i].HeaderText.ToString()+"</td></tr>";
XmlDocumentxmlDoc
=newXmlDocument();
xmlDoc.LoadXml(LbHiddenGrid.Text);
//xmlDoc.SelectSingleNode("/Datas/notes[@id='"+i+"']/Source[@Desc='成考']/Data/Year");
//xmlDoc.SelectSingleNode("/Datas/notes[@id='"+i+"']/Source[@Desc='成考']/Data/Year").FirstChild.Value
foreach(XmlNodechildnodeinxmlDoc.SelectSingleNode("/Datas/notes[@id='"+e.Row.RowIndex.ToString()+"']"))
...{
//XmlNodechildnode=xmlDoc.SelectSingleNode("/Datas/notes[@id='"+e.Row.RowIndex.ToString()+"']");
//for(intj=0;j<xmlDoc.SelectSingleNode("/Datas/notes[@id='"+e.Row.RowIndex.ToString()+"']").ChildNodes.Count;j++)
//{

table
+="<tr><td>";
stringname=childnode.Attributes.GetNamedItem("Desc").InnerText;
table
+=name+"</td><td>";
stringvalue=childnode.SelectSingleNode("Data/"+((BoundField)(GridView1.Columns[i])).DataField).InnerText;
table
+=value+"</td></tr>";
//childnode.SelectSingleNode("/Data/");
//ds.ReadXml(XmlReader.Create(newSystem.IO.StringReader(childnode.FirstChild.OuterXml)));
//}
}

table
+="</table>";
//stringss=Server.HtmlEncode(table);
e.Row.Cells[i].Attributes.Add("onmouseover","showdivByCs(""+table+"")");
e.Row.Cells[i].Attributes.Add(
"onmouseout","Remove()");
}

}

}


分享到:
评论

相关推荐

    wpf GridView 合并单元格 Demo

    在Windows Presentation Foundation (WPF) 中,GridView 是DataGrid控件的一种视图模式,它用于显示数据集合,并且常用于创建表格布局。本教程将详细解释如何在WPF的GridView中实现单元格合并,这对于创建复杂的报表...

    GridView编辑单元格

    编辑GridView单元格 说明:单元格获取焦点,则单元格处于编辑状态,单元格失去焦点,则立即更新数据库。采用非Ajax技术。 1、访问Session中的数据 这个例子是用户使用Session中数据。鼠标点击编辑GridView单元格。...

    GridView中单元格合并

    在传统的表格布局中,每个单元格(cell)代表一行一列的交叉点,而合并单元格则是将多个相邻的单元格合并为一个大的单元格,这在显示分组数据、创建标题或者简化布局时特别有用。在GridView中,我们可以通过编程的...

    GridView合并单元格

    然后,为每个列创建一个`BoundField`或`TemplateField`,并设置其`HeaderStyle-VerticalAlign`属性为`Middle`,以便在合并时单元格内容居中。 5. **处理RowDataBound事件**:在GridView的`RowDataBound`事件中,...

    GridView合并表头单元格

    同时,记得为GridView设置AutoGenerateColumns属性为false,因为我们需要手动创建BoundField或TemplateField来控制列的显示。 ```asp.net &lt;asp:GridView ID="gvExample" runat="server" AutoGenerateColumns="false...

    gridview 实现一个单元格显示绑定的后台数据里的多个超链接

    使用gridview进行数据绑定后,有时需要实现一个单元格有多个超链接的情况,而且每一行的超链接个数不同内容也不同,且超链接的内容需要根据后台绑定的动态数据确定。本代码中的代码就是为了解决该问题而做的,在Demo...

    ASP.net GridView合并单元格

    首先,在ASP.NET页面上添加一个GridView控件,并设置其ID,如`GridView1`。可以使用Visual Studio的拖放功能或者在HTML源代码中手动添加。 2. **数据绑定** 为GridView绑定数据源,这可以是数据库查询、对象集合或...

    合并GridView里面的单元格

    在标题“合并GridView里面的单元格”中提到的问题,我们可以理解为在GridView的行或列上实现单元格的合并。 合并单元格分为两种主要情况:行合并和列合并。 1. **行合并**: 行合并通常用于显示具有相同信息的...

    gridview 单元格合并源代码

    在IT领域,尤其是在Web开发中,GridView控件是ASP.NET中一个非常强大的工具,用于显示数据集合,如数据库中的记录。然而,当数据显示时,有时我们希望对具有相同内容的单元格进行合并,以增强数据的可读性和美观度。...

    ASP.NET 2.0中合并 GridView 的表头单元格

    这样,当页面加载时,GridView的表头将显示一个名为“学生成绩”的合并单元格,涵盖所有课程成绩的列。这使得用户可以更直观地理解表格的内容,提高了界面的可读性。 总结起来,合并ASP.NET 2.0中GridView的表头...

    GridView突出显示某一单元格(例如金额低于多少,分数不及格等

    具体来说,我们可以检查每一行的第5个单元格(索引为4),即“起薪”列,并与设定的阈值进行比较,如果满足条件,则改变该单元格的背景色。 ```csharp for (int i = 0; i &lt;= GridView1.Rows.Count - 1; i++) { ...

    嵌套中的gridview单元格编辑

    在这样的场景下,“嵌套中的gridview单元格编辑”就成为一个关键的技术点。 嵌套的GridView允许用户在子GridView中直接编辑单元格,以更新底层数据。这通常涉及到以下几个关键步骤: 1. **创建嵌套结构**:首先,...

    JavaScript提高:004:JS获取Gridview单元格时层级问题

    每个GridView行(Row)会被转换为`&lt;tr&gt;`元素,而单元格(Cell)则对应于`&lt;td&gt;`元素。为了访问特定单元格,我们需要找到对应的行和列。在JavaScript中,可以使用DOM遍历方法,如`getElementsByTagName`或`...

    GridView单元格合并

    在默认情况下,GridView会为每一行的每个字段创建一个独立的单元格。但如果我们想要合并某些单元格,例如合并相同值的列或者按照一定规则合并,就需要自定义模板字段并利用一些技巧来实现。 1. **单元格合并的原理*...

    合并GridView的单元格

    4. 对于每个需要比较的列索引,检查当前行和下一行的文本是否相同,如果不同,则设置`flagSame`为`false`并跳出内层循环。 5. 如果`flagSame`为`true`,则表明当前行与下一行在指定列上的文本相同,可以进行合并。...

    编辑gridview指定单元格

    1. GridView:一个二维的列表视图,它将数据源以网格形式显示,每个单元格对应数据源中的一个条目。 2. Adapter:连接GridView与数据源的桥梁,负责将数据转化为GridView可显示的视图。 步骤一:创建数据模型 定义...

    C#之GridView单元格分组显示与累计计算实例

    综上所述,C#中的GridView控件提供了强大的数据展示和操作能力,通过分组显示和累计计算,可以为用户提供更加直观和丰富的信息展示。在开发过程中,根据具体需求选择合适的方法和优化策略,能有效提升用户体验。

    基于GridView的财务显示单元格控件

    "基于GridView的财务显示单元格控件"是这样一个专为财务应用设计的组件,它利用ASP.NET中的GridView控件,来高效地呈现和处理财务数据。GridView控件是.NET Framework提供的一种强大的数据绑定控件,能够方便地在...

    asp.net中GridView数据鼠标移入显示提示信息

    但在某些情况下,用户需要查看数据的详细信息或额外的计算公式,当鼠标悬停在特定单元格上时显示提示信息是非常有用的功能。本篇文章详细介绍了如何在***中使用GridView控件实现鼠标移入显示提示信息的功能。 首先...

Global site tag (gtag.js) - Google Analytics