CSS changes done from Change function in data source, doesn't effect

2 posts, 0 answers
  1. Luke
    Luke avatar
    4 posts
    Member since:
    Jul 2016

    Posted 12 Aug Link to this post

    Following is my grid.


                selectable: "single cell",
                allowCopy: true,
                change: function(e) {
                               var selected = this.select();
                               var row = this.select().closest("tr");
                               selectedRow = this.dataItem(row);
                           excel: {
                               fileName: "Report.xlsx",
                               filterable: true
                           dataSource: {
                               schema: {
                                        model: {
                                            fields: columnSchemaModel
                               transport: {
                                   read: function (e) {
                               pageSize: 500,
                               aggregate: aggregateList,
                               change: function(e) {
                                var dataSource = this;
                                if (typeof dataSource.filter() != "undefined") {
                                    app.fltrButton.enabled = true;



    I am trying to capture datasource change when filter by column. Change function fires as expected. ' app.fltrButton.enabled = true; ' is a variable of button class. If it set to true, css class of button changes. However it doesn't get effect unless I click on another parallel button. So it's the html that doesn't get update, not the value. Please provide a suggestion.

  2. Dimo
    Dimo avatar
    8318 posts

    Posted 19 Aug Link to this post

    Hello Luke,

    The provided information does not give definite clues about what is the issue. Can you please provide a simple Dojo test page for inspection? Thank you.


    You can use any of our online Grid demos as a starting point by clicking on the blue "Edit this example" button below the Grid.


    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top