本文介绍了一种实现客户端表格全选的方法，并通过JavaScript提供了具体实现代码。此外，还展示了如何使用模态窗体进行页面间的数据传递，并确保数据能够正确地返回到调用页面。
1.表格客户端全选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>实现客户端表格全选</title>
<script language="javascript" type="text/javascript">
// <!CDATA[
//表格全选
function CheckAll(oCheckbox) {
var GridView1 = document.getElementById("<%=GridView1.ClientID %>");
for(i = 1;i < GridView1.rows.length; i++)
{
GridView1.rows[i].cells[1].getElementsByTagName("INPUT")[0].checked = oCheckbox.checked;
}
}
</script>
</head>
<body>
<form runat="server">
<div>
<asp:GridView runat="server" AllowPaging="True" AllowSorting="True"
DataSourceID="SqlDataSource1">
<Columns>
<asp:TemplateField HeaderText="序号">
<ItemTemplate>
<%# Container.DataItemIndex+1 %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<HeaderTemplate>
<input type="checkbox" runat="server" /><label>全选</label>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<HeaderStyle ForeColor="Black" HorizontalAlign="Center" />
</asp:GridView>
2.模态窗体传值
调用的页面,点击按钮执行此方法，最下面的为模态窗体返回值后刷新页面
function searchInfo()
{
var username=document.getElementById("txtName").value;
var windowDialog = window.showModalDialog("Default.aspx?UserName="+username,"","dialogWidth=500px; dialogHeight=300px");
window.location.reload();
}
用来承载aspx页面的html页面
<HTML>
<HEAD>
<script language="javascript">
function ResolveUrl()
{
var frm = window.frames[0];
frm.location = location.toString().replace("Default.htm","Default.aspx");
}
</script>
</HEAD>
<BODY style="margintop:0;marginleft:0;marginright:0;marginbottom:0" >
<table align="left" cellpadding="0" cellspacing="0" width="100%" height="100%" >
<tr>
<td valign="top" width="100%" height="100%"><iframe border="0" width="100%" height="100%"></iframe></td>
</tr>
</table>
</BODY>
</HTML>
扫一扫
171
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
