Grid onChange event does not trigger

[morteza]

I created a separate class in .js file to create grid for me,my class is simple as following:

 

function createDynamicGrid(chartId, source, column, titleOfGrid,onChange) {
        chartId.kendoGrid({
        toolbar: titleOfGrid,
        dataSource: {
            data: source,
        },
       change: onChange,
        height: 350,
        scrollable: true,
        sortable: true,
        filterable: true,
        columns: column,
        noRecords: {
            template: "No data"
        },
        });
}

 

in my cshtml file ,i call the above class ,pass the parameters and get the grid,but the onChange event does not trigger :

createDynamicGrid($("#grid"), dataSource, clmns, change);

function onChange(e){

 

//here i should get the clicked event ,but cant!

}

 

 

 

[Alex Hajigeorgieva]

Hi, Morteza,

Thank you for the explanation.

For the change event handler to work, the Kendo UI Grid should be selectable:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/selectable

I tested the same function with an external js file and had no issues triggering the change event handler. Please find the test code attached here for your reference.

Let me know if further questions arise.

Regards,
Alex Hajigeorgieva
Progress Telerik