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.

     

    $("#grid").kendoGrid({
                selectable: "single cell",
                allowCopy: true,
                change: function(e) {
                               var selected = this.select();
                               var row = this.select().closest("tr");
                               selectedRow = this.dataItem(row);
                               deselectSelection();
                           },
                           excel: {
                               fileName: "Report.xlsx",
                               allPages:true,
                               filterable: true
                           },
                           dataSource: {
                               schema: {
                                        model: {
                                            fields: columnSchemaModel
                                        }
                                    },
                               transport: {
                                   read: function (e) {
                                    e.success(reportList);
                                   }
                                 },
                               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
    Admin
    Dimo avatar
    8333 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.

    http://dojo.telerik.com/

    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.

    http://demos.telerik.com/kendo-ui/grid/remote-data-binding

    Regards,
    Dimo
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
Back to Top