在DataGrid中添加checkbox，并用按钮实现同时全选动作

在DataGrid中添加checkbox，并用按钮实现同时全选动作

  (2006-03-13 22:07:33)

转载

分类： Asp.Net

<asp:DataGrid id="DataGrid1" runat="server" CssClass="Dgrd" Width="100%" 
PageSize="5" AllowPaging="True" DataKeyField="Customer_ID">
<HeaderStyle CssClass="DgrdHeader"></HeaderStyle>
<Columns>
<asp:TemplateColumn HeaderText="<input type='checkbox' id='cbSelect' οnclick='selectAll(this);'>">
<ItemTemplate>
<input type="checkbox" value='<%#DataBinder.eval_r(Container.DataItem,"Customer_ID")%>'>
</ItemTemplate>
</asp:TemplateColumn>
<asp:BoundColumn DataField="Customer_ID" HeaderText="客户编号"></asp:BoundColumn>
<asp:BoundColumn DataField="Customer_Name" HeaderText="客户名称"  ItemStyle-HorizontalAlign="Left"></asp:BoundColumn>
<asp:BoundColumn DataField="BelongTo_Name" HeaderText="归属系统"></asp:BoundColumn>
<asp:BoundColumn DataField="CustomerRate_Name" HeaderText="客户级别"></asp:BoundColumn>
<asp:BoundColumn DataField="Customer_Zipcode" HeaderText="邮政编码"></asp:BoundColumn>
<asp:BoundColumn DataField="Customer_Major_Tracer" HeaderText="主要责任跟踪人"></asp:BoundColumn>
<asp:BoundColumn DataField="Customer_Minor_Tracer" HeaderText="次要责任跟踪人"></asp:BoundColumn>
<asp:HyperLinkColumn Text="详细信息" HeaderText="详细信息" DataNavigateUrlField="Customer_ID" DataNavigateUrlFormatString="javascript:showDetail('CustomerInfo_More.aspx','{0}',1);"></asp:HyperLinkColumn>
<asp:HyperLinkColumn Text="编辑" HeaderText="编辑" DataNavigateUrlField="Customer_ID" DataNavigateUrlFormatString="javascript:showDetail('CustomerInfo_More.aspx','{0}',2);"></asp:HyperLinkColumn>
<asp:ButtonColumn Text="删除" HeaderText="删除" CommandName="Delete"></asp:ButtonColumn>
</Columns>
<PagerStyle CssClass="DgrdPager" Mode="NumericPages"></PagerStyle>
</asp:DataGrid>

<script language="javascript">

function selectAll(o){
    var checked = o.checked;
    for(var i = 0; i< o.form.elements.length; i++){
        var e = o.form.elements[i];
        if(e.type == 'checkbox' && e.id != o.id){
            if(e.checked != checked)
                e.checked = checked;
        }
    } 
}
</script>