zoukankan      html  css  js  c++  java
  • GridView 全选

    GridView全选处理:

    1.客户端脚本实现。

    2.服务器端实现。

    View Code
    <script type="text/javascript">
    
            function ConfirmSubmit() {
                if (confirm('您确定要删除吗?')) {
                    return true;
                }
                else {
                    return false;
                }
            } 
            function Check(parentChk,ChildId) 
            {     
                var oElements = document.getElementsByTagName("INPUT");
                var bIsChecked = parentChk.checked;    
                for (i=0; i<oElements.length;i++)     
                {         
                    if (IsCheckBox(oElements[i]) && IsMatch(oElements[i].id, ChildId))
                    {
                        oElements[i].checked = bIsChecked;         
                    }
                }  
              }
            function IsMatch(id, ChildId) {
                //gvList_ctl06_CheckBox1
                var sPattern = '^gvList_ct.*' + ChildId + '$'; 
                var oRegExp = new RegExp(sPattern);     
                if(oRegExp.exec(id))          
                    return true;     
                else          
                    return false; 
            }  
            function IsCheckBox(chk) 
            {     
                if(chk.type == 'checkbox') 
                    return true;     
                else 
                    return false; 
            }     
    
        </script>
    View Code
     <asp:GridView ID="gvList" runat="server" BorderStyle="Solid" CellPadding="3" PageSize="15"
                                AutoGenerateColumns="False" Width="100%" CssClass="GridCss" 
                                OnRowDataBound="gvList_RowDataBound" OnRowCommand="gvList_RowCommand" >
                                <Columns>
                                     
                                    <asp:TemplateField HeaderText="选择">
                                    <HeaderTemplate>
                                        <%--<input type="checkbox" id="checkboxAll" name="checkboxAll"   onclick="Check(this,'CheckBox1')"  />全选--%>
                                         
                                        <asp:CheckBox ID="CheckBox2" runat="server"  Text="全选"  oncheckedchanged="CheckBox3_CheckedChanged" AutoPostBack=true   />
                                    </HeaderTemplate>
                                        <ItemTemplate>
                                            <asp:CheckBox ID="CheckBox1" runat="server" />
                                        </ItemTemplate>
                                        <ItemStyle HorizontalAlign="Center" Width="40px" />
                                    </asp:TemplateField>
     </asp:GridView>
    View Code
    protected void CheckBox3_CheckedChanged(object sender, EventArgs e)
        {
            CheckBox CheckBox3 = (CheckBox)sender;
            
            for (int i = 0; i < gvList.Rows.Count; i++)
            {
                CheckBox cbox = (CheckBox)gvList.Rows[i].FindControl("CheckBox1");
                cbox.Checked = CheckBox3.Checked;
                
            }  
                  
        }
  • 相关阅读:
    【新特性速递】卡片式表格,Yeah~~~
    6个最佳DevOps播客
    在裸金属服务器Bare Metal上Kubernetes
    保护Java应用程序不被窃取数据和源代码2
    家政服务行业动态
    15个免费数据集数据科学项目
    性能测试工具
    利用Apache Pulsar的实时边缘计算
    软件开发的八个误解
    如何防止范围蔓延
  • 原文地址:https://www.cnblogs.com/surge/p/2653751.html
Copyright © 2011-2022 走看看