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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

EjGrid checkbox column events

Thread ID:

Created:

Updated:

Platform:

Replies:

126309 Oct 6,2016 10:47 AM Oct 10,2016 12:10 AM JavaScript 3
loading
Tags: ejGrid
Ignacio
Asked On October 6, 2016 10:47 AM

Hi, how can i add a change event for a checkbox column i have on a grid?
I could use events in command cols but i'm not sure how to do it for a column with a control (a checkbox in this case).

Thanks!

Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On October 7, 2016 04:32 AM

Hi Ignacio, 

Using template property of the Grid columns, you can render the checkbox in the Grid columns and templateRefresh events will be used to bind controls/events to the template elements. Refer to the following code example and Help Documents. 

    <script type="text/x-jsrender" id="columnTemplate"> 
        <input type="checkbox"> 
    </script> 
    <div id="Grid"></div> 
    <script type="text/javascript"> 
        $(function () { 
            $("#Grid").ejGrid({ 
                // the datasource "window.gridData" is referred from jsondata.min.js 
                dataSource: window.gridData, 
                allowPaging: true, 
                columns: [ 
                                  { headerText: "checklist", template: "#columnTemplate" }, 
                     . . .  
                      . . 
                ], 
                templateRefresh: function (args) { 
                    $(args.cell).find("input").ejCheckBox({ 
                        change: function (args) { 
                            console.log("changed"); 
                        } 
                    }) 
                } 
            }); 
        }); 
    </script> 
  
Note: We have rendered CheckBox control with their change event. Likewise, you can bind events for generic checkbox. 


We have prepared a sample that can be referred from the following jsPlayground. 


Regards, 
Seeni Sakthi Kumar S. 


Ignacio
Replied On October 7, 2016 04:35 PM

Ok, thanks!

Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On October 10, 2016 12:10 AM

Hi Ignacio, 

Thanks for the update. Please get back to us if you need further assistance on this. 

Regards, 
Seeni Sakthi Kumar S. 


CONFIRMATION

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.

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

;