[Solved] Enable/Disable multiple buttons

[Grant]

Hi,

I have a table containing 28 dynamically generated KendoUI buttons that represent a 28 day cycle. Im trying to enable and disable them all at once, but only the first button is being affected. Please advise.

//Inialize ALL 'day selection' buttons
$("#table-frequencyWindow-daySelection").find("button.dayButton").kendoButton({
  enable: false
});

//Inialize Frequency Selecter as kendo Drop Down List
$("#select-frequencyWindow-frequency").kendoDropDownList({
  change: function(e) {
    var daySelectionTable = $("#table-frequencyWindow-daySelection");
    console.log(daySelectionTable.find("button.dayButton").length) //Prints "28"

    if (this.value() == "") {
      daySelectionTable.find("button.dayButton").data("kendoButton").enable(false);

    } else {
      daySelectionTable.find("button.dayButton").data("kendoButton").enable(true);
    }
  }
});

[Misho]

Hi,

You can enable/disable all buttons using jQuery find, which will return an object of elements, together with jQuery each method in the following manner:

$("#example").find(".k-button").each(function(index)
  {
     $(this).data("kendoButton").enable(false);
  }
)

http://dojo.telerik.com/@parvanov/eJEZa/9

Regards,
Misho
Telerik by Progress

 

 

[Dany]

Is there a way to get the enabled state from the KendoButton instance?

[Grant]

Sure there is. You can read it from the 'options' attribute of the kendoButton Instance.

var enabled = kendoButtonInstance.options.enable;

Dojo here: https://dojo.telerik.com/OZUTOfUl

 

[Misho]

Hi,

You can use the Kendo button enable() method to control the button Enable/Disable state.
For multiple buttons you can iterate over the buttons in a loop and set the desired Enable or Disable state according to your needs. Here is a simple example showing the approach:
http://dojo.telerik.com/@parvanov/eJEZa/8


Regards,
Misho
Telerik by Progress

 

 

[Grant]

Thanks Misho, 

This is the solution I have also arrived at and have already implemented it with success. Initially I was hoping there would be a way to enable/disable all the buttons at once instead of iterating over each one every time, so I let the question stand. 

As explained in my question though, when I try to enable/disable the buttons using the previous code, only the first KendoButton in the series is affected. Can you think of any reason why the others would be ignored, just out of curiosity?

Thanks Again, 

Grant