EjGrid checkbox column events

[Ignacio]

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]

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. 

https://help.syncfusion.com/js/grid/columns#column-template 

https://help.syncfusion.com/js/api/ejgrid#events:templaterefresh 

https://help.syncfusion.com/js/api/ejgrid#members:columns-template 

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

http://jsplayground.syncfusion.com/un2k1eyk 

Regards, 

Seeni Sakthi Kumar S. 

[Ignacio]

Ok, thanks!

[Seeni Sakthi Kumar Seeni Raj]

Hi Ignacio, 

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

Regards, 

Seeni Sakthi Kumar S. 

[Guadalupe]

Hi Ignacio, 

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

Regards, 

Seeni Sakthi Kumar S. 

Hello 

This is possible with asp.net?

I need the example please.

Cordially, Guadalupe Baigorria

[Vignesh Natarajan]

Hi Guadalupe, 

 

Thanks for the update. 

 

Query: This is possible with asp.net? 

 

Yes. it is possible. We have prepared a sample in ASP.NET to trigger a event when checkbox inside the Grid is changed. We have achieved that requirement using TemplateRefresh event of ejGrid. Please refer the below code example, 

 

  <script type="text/x-jsrender" id="columnTemplate"> 

        <input type="checkbox"> 

    </script> 

 

    <ej:Grid ID="EmployeesGrid" runat="server" AllowPaging="True"> 

        <PageSettings PageSize="4"></PageSettings> 

        <ClientSideEvents TemplateRefresh="refresh" /> 

        <Columns> 

            <ej:Column HeaderText="checkbox" Template="#columnTemplate" TextAlign="Center" Width="110" /> 

………………………. 

        </Columns> 

    </ej:Grid> 

 

    <script> 

        function refresh(args) { 

 

            $(args.cell).find("input").ejCheckBox({ 

                change: function (args) { 

                    console.log("changed"); 

                } 

            }) 

        } 

 

 

    </script> 

 

Kindly download the sample from below link. 

 

Sample Link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionASPNETApplication31014407436.zip  

 

Refer our API documentation for your reference 

 

https://help.syncfusion.com/api/js/ejgrid#events:templaterefresh  

 

Please get back to us if you have further queries.  

 

Regards, 

Vignesh Natarajan.