javascript - 禁用页面中的所有 kendoui 元素

Question

我有一个遗留的 ASP.NET 应用程序。我们开始将它的 UI 重写为 Kendo UI，但到目前为止它仍然使用传统的 ASP.NET 服务器控件，我们使用 Kendo UI 只是为了设计 UI 样式。

该页面有点像门户网站，有很多用户控件，根据应用程序上下文动态加载。

我们需要的一个功能是禁用页面上的所有控件(以只读方式显示页面)。这适用于尚未重写的页面部分(使用旧的 ASP.NET 服务器控件)，但不适用于使用 Kendo UI 的新模块。

有什么方法可以找到页面上的所有 Kendo UI 控件并将它们全部禁用吗？

谢谢。

Answer 1

您可以编写一个函数来搜索剑道的各种控件并禁用它们。请参阅下面的示例来禁用页面中的所有下拉列表:

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

同样，您可以为所有其他控件或仅为您在页面中使用的那些 kendo 控件编写