现在的位置: 首页 > 综合 > 正文

表格客户端实现全选以及模态窗传值

2013年12月05日 ⁄ 综合 ⁄ 共 2266字 ⁄ 字号 评论关闭

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>

再Default.aspx页面中就可以用Request.QueryString["UserName"].ToString();访问并辅值了 

抱歉!评论已关闭.