Cocher toutes les Cases dans Telerik RadGrid

J'ai copié le code à partir du lien ci-dessous
Cocher toutes les Cases dans Telerik imbriquée Grille en C#

Comment jamais, quand je lance le code, j'obtiens cette erreur:

0x800a01b6 - Microsoft JScript runtime error: Object doesn't support this property or method

et la 'checkAll(this, gridToCheckAll);' est mis en évidence dans la dynamique de l'exécution de code à l'erreur.

Toute aide serait appréciée.

<script>
var gridToCheckAll = '<%= rgFiles.ClientID %>';
function checkAll(sender, containerID) {
var checked = sender.checked;
var container = document.getElementById(containerID);
var checkboxes = container.getElementsByTagName('input');
for (var i = 0, l = checkboxes.length; i < l; i++) {
if (checkboxes[i] != sender && !checkboxes[i].disabled)
checkboxes[i].checked = checked;
}
}
</script>
<telerik:RadGrid id="rgFiles" runat="server" HorizontalAlign="NotSet" BackColor="darkgray"
AllowPaging="True" PageSize="50" AllowSorting="True"
EnableEmbeddedScripts="true" 
OnNeedDataSource="rgFiles_NeedDataSource"  
OnItemCommand="rgFiles_ItemCommand" 
OnItemDataBound="rgFiles_ItemDataBound" 
OnItemEvent="rgFiles_ItemEvent"
AllowMultiRowSelection="true" Skin="" 
AllowFilteringByColumn="true" EnableLinqExpressions="false" >
<MasterTableView  HorizontalAlign="NotSet" AutoGenerateColumns="false" AllowSorting="True"
Font-Size="7pt" AllowCustomSorting="true" CellPadding="2" CellSpacing="1" BorderWidth="0px"
TableLayout="Fixed" AlternatingItemStyle-Wrap="false" ItemStyle-Wrap="false" 
CommandItemStyle-Wrap="false" >
<FooterStyle CssClass="datagrid-footerstyle" HorizontalAlign="Right" />
<ItemStyle CssClass="datagrid-itemstyle" Wrap="false" Font-Size="XX-Small" Height="15px"/>
<EditItemStyle BackColor="#2461BF" />
<PagerStyle BackColor="#E0E0E0" ForeColor="DimGray" HorizontalAlign="Left" Mode="NextPrevAndNumeric"
NextPageText="next" PrevPageText="prev" AlwaysVisible="True" />
<HeaderStyle CssClass="datagrid-headerstyle" ForeColor="White" />
<FilterItemStyle BackColor="#a9a9a9" />
<AlternatingItemStyle CssClass="datagrid-alternatingitemstyle" />
<ExpandCollapseColumn Visible="False">
<HeaderStyle Width="19px" />
</ExpandCollapseColumn>
<RowIndicatorColumn Visible="False">
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<Columns>
<telerik:GridTemplateColumn SortExpression="Reviewed"  DataField="Reviewed" HeaderText="<input type='checkbox' id='checkAll' onclick='checkAll(this, gridToCheckAll);'>" 
UniqueName="Reviewed" AllowFiltering="false" >
<ItemTemplate>
<asp:CheckBox ID="cbReviewed" runat="server" OnCheckedChanged="cbReviewed_CheckedChanged" />
</ItemTemplate>
<ItemStyle Wrap="False" HorizontalAlign="Center" VerticalAlign="Top"></ItemStyle>
<HeaderStyle Width="50px"></HeaderStyle>
</telerik:GridTemplateColumn>
InformationsquelleAutor Dan Boone | 2012-12-14
  1. 4

    peut-être devriez-vous utiliser un Telerik:GridClientSelectColumn en place de votre templateColumn, Telerik a construit dans la fonctionnalité que vous recherchez.

    API: http://www.telerik.com/help/aspnet-ajax/grid-column-types.html 

    <radgrid...>
<masterTableView ... >
<columns>
<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">
<HeaderStyle Width="35px" />
</telerik:GridClientSelectColumn>
</columns>
</MasterTableView>
<ClientSettings>
<ClientEvents OnRowSelected="RowSelected" OnRowDeselected="RowDeselected"/>
</ClientSettings>
</radgrid>
function RowDeselected(sender, eventArgs){
//your code
}
function RowSelected(sender,eventArgs)
{
var MasterTable = sender.get_masterTableView();
var selectedRows = MasterTable.get_selectedItems();
var selectedRowsCount = selectedRows.length;
//etc
}
    • J'ai essayé aussi. Le problème est que j'ai à dire lorsqu'un utilisateur sélectionne la case et mettre à jour le dossier à l'époque avec la valeur booléenne à partir de cette zone, car l'utilisateur peut choisir de le marquer comme revu ou de le modifier pour les sites en attente, j'ai aussi utiliser les lignes sélectionnées à zip les fichiers et les flux à la fois si l'utilisateur choisit. De sorte que la zone est utilisée pour de multiples fonctionnalités différentes. le GridClientSelectColumn ne pas permettre de détecter lorsque le client a changé la case que j'ai trouvé n'importe où.
    • Je crois qu'avec ce que vous avez décrit ce sera encore du travail. Vous pouvez joindre le clientEvents OnRowSelected, OnRowDeselected de détecter si un utilisateur a cliqué ou unclicked de la ligne.
    • Qui fonctionne presque, sauf que j'en ai besoin pour être en mesure d'appeler le serveur de code qui fait la manipulation avant la mise à jour. des choses comme l'est la personne autorisée à faire la mise à jour, ou peuvent-ils seulement de téléchargement de fichiers. des trucs comme ça
    InformationsquelleAutor Brian Garson
  2. 0

    Je sais que je suis trop en retard pour répondre à la question d'origine. Mais je voulais donner mon feedback pour les autres développeurs.

    Modifier votre script java, le nom de la méthode de checkAll() pour toute autre chose à deux endroits, et vous ne verrez pas cette vilaine erreur JS 🙂

    InformationsquelleAutor