Checkbox in header not checking when RenderMode=Mobile

2 posts, 1 answers
  1. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 02 Sep 2015 Link to this post

    I love the look of the mobile version of radgrid paging so I want to use it regardless if the client is on a desktop. I don't want to use the "auto" render mode.

    In the header I have the following Javascript which works correctly if RenderMode=Mobile is NOT set:

     

    <script type="text/javascript">
     
            function CheckAll(checkAllBox, checkboxName, allcheckboxName) {
     
                //var frm = document.form1;
                var frm = document.getElementById('form1');
                var ChkState = checkAllBox.checked;
     
                for (i = 0; i < frm.length; i++) {
                    e = frm.elements[i];
                    if (e.type == 'checkbox' && e.name.indexOf(checkboxName) != -1)
                        e.checked = ChkState;
                }
     
            }
     
         </script>

     

    A simple radgrid I created on a new webform clean of any of my own javascript and css:

    <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"></telerik:RadScriptManager>
     
        <telerik:RadGrid BorderStyle="None" Width="100%"  ID="dgrTestGrid"   runat="server" AllowPaging="True" AllowSorting="True"  AutoGenerateColumns="False"  GridLines="None" PageSize="20" RenderMode="Mobile"  >
                           <pagerStyle Mode="NextPrevNumericAndAdvanced"  />
                            
                           <MastertableView EnableNoRecordsTemplate="True" >
                                <Columns>      
                                    
                    <telerik:GridTemplateColumn   UniqueName="TemplateColumn">
                        
                           <ItemStyle HorizontalAlign="Center" CssClass="TableBodyLight"></ItemStyle>
                           <HeaderTemplate>
                                <asp:CheckBox ID="ckbSelectAll" runat="server"  />
                           </HeaderTemplate>
     
                           <ItemTemplate>
                               <asp:CheckBox ID="ckbSelect" runat="server" />
                                
                           </ItemTemplate>
                   </telerik:GridTemplateColumn>
     
                 
                
                               </Columns>
     
                                 <NoRecordsTemplate>
                                   <div class="NoRecords">You have no Records.</div>
                                </NoRecordsTemplate>
     
                            </MastertableView>
       

     

                       </telerik:RadGrid>

     

     Bind your own data to this and you'll see what I mean. You can't check the checkbox in the header (you can but it doesn't toggle the checkboxes in the rows).

     Any suggestions on how to set the pager to be mobile and have the check all functionality (without ajax.. I want it to be client side) other than just recreating the look with a custom pager or going with a simple ASP datagrid (which defeats the purpose of me using Radcontrols in the first place).

     

     

     

     

  2. Answer
    Viktor Tachev
    Admin
    Viktor Tachev avatar
    2396 posts

    Posted 04 Sep 2015 Link to this post

    Hi,

    I have replied to your query in the support ticket you have submitted. Nevertheless, I will write also here in case someone is having similar issue.

    The behavior is caused by a bug in the controls. However, it has been fixed and will not be present in the next release. Until it is available you can use the latest internal build of the controls. It can be download after you login to your account.

    Regards,
    Viktor Tachev
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top