We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to select row in grid combining checkbox selection and basic selection

Thread ID:





130744 May 30,2017 05:03 PM UTC May 31,2017 03:58 PM UTC ASP.NET Web Forms 1
Tags: Grid
Anuar Raad Licona
Asked On May 30, 2017 05:03 PM UTC

Hi, I'm using syncfusion grid, now I see in the page  the use of checkboxselection

Now when the row is selected in another column different of the checkboxcolumn the event not work.

Exist a form of combine the basic selection with the checkbox selection, I need the checkbox but also the user select the row in any cell

Jayaprakash Kamaraj [Syncfusion]
Replied On May 31, 2017 03:58 PM UTC

Hi Anuar, 

Thank you for contacting Syncfusion support. 

We have achieved your requirement using recordClick event of ejGrid. In this event , we need to pass rowIndex in selectRows method when checkSelectedRowsIndexes as null or undefined else we need to push selected row index into checkSelectedRowsIndexes and then we need to pass checkSelectedRowsIndexes in selectRows method of Grid. Please refer to the below help document, code example and sample. 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
        <asp:UpdatePanel runat="server"> 
                <ej:Grid ID="OrdersGrid" runat="server" ClientIDMode="Static" AllowPaging="True"   > 
                    <ClientSideEvents RecordClick="recordClick" /> 
                        <ej:Column Type="checkbox" Width="90"></ej:Column> 
        <script type="text/javascript"> 
        function recordClick(args) { 
            var index = this.model.pageSettings.currentPage - 1; 
            if (!($(args.cell).hasClass("e-checkcell"))) { 
                if (ej.isNullOrUndefined(this.checkSelectedRowsIndexes[index])) 
                else if ($(args.row).attr("aria-selected")) { // Deselecting 
                    var checkBoxIndex = $.inArray(args.rowIndex, this.checkSelectedRowsIndexes[index]); 
                    this.checkSelectedRowsIndexes[index].splice(checkBoxIndex, 1); 
                    $(args.row).find(".e-checkcelldiv [type=checkbox]").prop("checked", false); 
                else { 


Jayaprakash K. 



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon