This is a migrated thread and some comments may be shown as answers.

Checkbox in header not checking when RenderMode=Mobile

1 Answer 10 Views
This is a migrated thread and some comments may be shown as answers.
Cradz
Top achievements
Rank 1
Cradz asked on 02 Sep 2015, 05:34 PM

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).

 

 

 

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Viktor Tachev
Telerik team
answered on 04 Sep 2015, 02:04 PM
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
Tags
Grid
Asked by
Cradz
Top achievements
Rank 1
Answers by
Viktor Tachev
Telerik team
Share this question
or