CheckBoxes Wise Selection In GridView
When You Require To do selectio of your data using checkboxes
Add This To HTML
And This To Your Server Side
Add This To HTML
<script language="javascript" type="text/javascript">
function SelectAll(Id) {
var myform = document.forms[0];
var len = myform.elements.length;
document.getElementById(Id).checked == true ? document.getElementById(Id).checked = false : document.getElementById(Id).checked = true;
for (var i = 0; i < len; i++) {
if (myform.elements[i].type == 'checkbox') {
if (myform.elements[i].checked) {
myform.elements[i].checked = false;
}
else {
myform.elements[i].checked = true;
}
}
}
}
</script>
And This To Your Server Side
<asp:GridView runat="server" ID="GridView1" DataKeyNames="pck_id"
BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px"
CellPadding="1">
<FooterStyle BackColor="White" ForeColor="#000066" />
<RowStyle ForeColor="#000066" />
<Columns>
<asp:TemplateField HeaderText="Select">
<HeaderTemplate>
<asp:CheckBox ID="chkSelectAll" runat="server" onclick="SelectAll(this.id)" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelect" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="PI temp">
<ItemTemplate>
<asp:Label ID="Label24" runat="server" Text='<%# Eval("pi_no") %>'></asp:Label>
<asp:Label ID="LabelRUENO" runat="server" Text='<%# Eval("rue_no") %>'
Visible="False"></asp:Label>
<asp:Label ID="Labelcalid" runat="server" Text='<%# Eval("cal_id") %>'
Visible="False"></asp:Label>
<asp:Label ID="Labeltotalamt" runat="server" Text='<%# Eval("cal_id") %>'
Visible="False"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
<SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
</asp:GridView>
No comments:
Post a Comment