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. Image for the cookie policy date

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

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

1 Reply

JK Jayaprakash Kamaraj Syncfusion Team 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. 


Live Chat Icon For mobile
Up arrow icon