I've been searching for a while now and I can't find any resources on this. Enabling or disabling a button initially can be done through the button config: https://docs.telerik.com/kendo-ui/api/javascript/ui/wizard/configuration/steps.buttons.enabled
But there seems to be no documentation on how to programmatically enable or disable these buttons. What's the best way of doing so?
1 Answer, 1 is accepted
Rank 1
Iron
Hi,
Below is how I enable/disable the step buttons:
$("#wizard").data("kendoWizard").steps()[1].buttons()[1].enable(true);
Hope this helps.
Rank 1
Iron
Yes, that did it for me, thanks!
I wonder if there's a way where I can somehow bind a model to it? That way I could do something like `nextButton.set("enabled", false)`. It feels really nasty to have to reference outside variables or use jquery selectors to call this code, also makes it really hard to write re-usable code.
(e) => {
const step1Buttons = someWizard.steps()[1].buttons();
const step2Buttons = someWizard.steps()[2].buttons();
if (e.something) {
step1Buttons[1].enable(true);
step1Buttons[2].enable(true);
step2Buttons[1].enable(true);
return;
}
step1Buttons[1].enable(false);
step1Buttons[2].enable(false);
step2Buttons[1].enable(false);
};