• GridView控件中实现全选的解决方案


     GridView中我们经常要利用复选按钮实现全选的功能,下面针对这一解决方案做以总结

    第一种:利用客户端控件实现

    JS:

    <script type="text/javascript">

    function checkAll()

    {

        var checklist=document.getElementsByTagName("input");

        for(var i=0;i<checklist.length;i++)

        {

            if(checklist[i].type=="checkbox")

            {

                checklist[i].checked=document.form1.ck.checked;

            }

        }

    }   

    </script>

    GridView控件:

          <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" >

                    <Columns>

                        <asp:BoundField DataField="ProductID" HeaderText="产品编号" />

                        <asp:TemplateField>

                            <HeaderTemplate>

                                <input id="ck" type="checkbox" onclick="checkAll();" />

                            </HeaderTemplate>

                            <ItemTemplate>

                                <asp:CheckBox ID="checkbox1" runat="server" />

                            </ItemTemplate>

                        </asp:TemplateField>

                    </Columns>

                </asp:GridView>

     

    第二种:利用服务器端控件实现

     

    protected void 全选_CheckedChanged(object sender, EventArgs e)

        {

            if (全选.Checked == true)

            {

                for (int i = 0; i < GridView1.Rows.Count; i++)

                {

          CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;

                    if (ck!=null)

                    {

                        ck.Checked = true;

                    }

                }

            }

           else

            {

                for (int i = 0; i < GridView1.Rows.Count; i++)

                {

         CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;

                    if (ck != null)

                    {

                        ck.Checked = false;

                    }

                }

            }

        }

  • 相关阅读:
    java adsl 自动拔号!
    IoC 原理
    JAVA lucene 高并发问题
    C# java通信之webservice cxf Sping
    jquery插件学习(六)
    jquery插件学习(三)
    jquery实战定宽
    jquery插件学习(五)
    jquery插件学习(四)
    Androidsqlite数据库存取图片信息
  • 原文地址:https://www.cnblogs.com/tanliang/p/1679461.html
Copyright © 2020-2023  润新知