禁用页面中的所有kendoui元素

时间:2014-02-21 14:04:16

标签: javascript jquery asp.net kendo-ui

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

该页面是一个门户网站,具有大量用户控件,基于应用程序上下文动态加载。

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

有没有办法在页面上找到所有Kendo UI控件并将它们全部禁用?

感谢。

1 个答案:

答案 0 :(得分:1)

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

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

}

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