viernes, 31 de octubre de 2014

Como chequear todos CheckBox de un GridView con JavaScript a partir de un CheckBox de la cabecera

Como chequear a partir de un CheckBox en la cabecera

En el caso de tener un CheckBox como ItemTemplate de cabecera en un GridView.

Crear la siguiente función JavaScript:
function CopyCheckStateByColumn(HeaderCheckBox, gridViewName)
{
    var columnIndex = HeaderCheckBox.parentElement.cellIndex;
    var newState = HeaderCheckBox.checked;
    ChangeChecksByColumn(gridViewName, newState, columnIndex);
}

En el evento onclick del CheckBox realizar la llamada a la función, enviando como parámetro el nombre del CheckBox y del GridView:
<asp:TemplateField HeaderText="chk">
<HeaderTemplate>
    <asp:CheckBox ID="chkHeader" runat="server" onclick="javascript:CopyCheckStateByColumn(this,this.offsetParent.offsetParent.id);"/>
</HeaderTemplate>
<ItemTemplate>
    <asp:CheckBox ID="chkTest" runat="server" />
</ItemTemplate>
</asp:TemplateField>

No hay comentarios:

Publicar un comentario