Geek asks and answers

Disabling all kendui elements from the page

I have an outdated ASP.NET application. We started rewriting our user interface to the Kendo user interface, but so far it still uses traditional ASP.NET server controls, and we use the Kendo interface to style the interface.

The page is a portal view with a large number of user controls loaded dynamically, depending on the context of the application.

One bit of functionality that we need is to disable all controls on the page (to show the page read-only). This works for parts of the page that have not yet been rewritten (that use the old ASP.NET server controls), but not for new modules that use the Kendo interface.

Is there a way to find all the Kendo UI interface elements on the page and disable them all?

Thank.

+3
source share
1 answer

You can write a function that will look for various kendo controls and disable them. The following is an example to disable the entire drop-down list on the page:

function DisableAll() { 
// disable all DropDowns
$(".k-list-container").each(function () {
    var elementId = this.id.split("-")[0];
    var tempDL = $("#"+elementId).data("kendoDropDownList");
    tempDL.enable(false);
});

}

Similarly, you can write for all other controls or just the kendo controls that you use on the page

+1
source

More articles:


All Articles