zoukankan      html  css  js  c++  java
  • datagrid 中 HeaderTemplate 的checkbox 选中则选中 正页记录

    datagrid控件: 

    <HeaderTemplate>
                                                <asp:CheckBox ID="Cbx_DeleteAll" runat="server"/>
                                            </HeaderTemplate>
                                            <ItemTemplate>
                                                <asp:CheckBox ID="Cbx_Delete" runat="server"></asp:CheckBox>
                                            </ItemTemplate>  

    为Cbx_DeleteAll添加 客户端脚本

      protected void DG1_ItemDataBound(object sender, DataGridItemEventArgs e)
        {
            if (e.Item.ItemType == ListItemType.Header)
            {

                CheckBox chk = (CheckBox)e.Item.FindControl("Cbx_DeleteAll");
                chk.Attributes.Add("onclick", "javascript:return SelectAll(this.checked,this.id)");
            }
        }

    客户端脚本

    <script type="text/javascript" language="javascript">
            function SelectAll(chkVal,idVal)
            {
                var thisfrm=document.forms[0];  //是form 控件 作为一个集合
                for(i=0;i<thisfrm.length;i++)
                {
                    if(idVal.indexOf('Cbx_DeleteAll')!=-1)
                    {
                        if(chkVal==true)
                        {
                            thisfrm.elements[i].checked=true;
                        }
                        else
                        {
                            thisfrm.elements[i].checked=false;
                        }
                    }
                    else if(idVal.indexOf('Cbx_Delete'))
                    {
                        if(thisfrm.elements[i].checked==false)
                        {
                            thisfrm.elements[i].chedked=false;
                        }
                    }             
                }
            }
        </script>

  • 相关阅读:
    简单说说数据库表设计的三种范式
    存储过程简单的动态订单号
    Asp.Net页面生命周期
    jq 小笔记,上传判断其格式
    吃一垫长一智
    离散事件模拟
    二叉树查找树
    冷暖自知
    基督徒的人生箴言
    迷宫寻路
  • 原文地址:https://www.cnblogs.com/hyd309/p/1294328.html
Copyright © 2011-2022 走看看