如何使用jQuery禁用kendo ui下拉列表?

R K*_*rma 1 asp.net-mvc jquery razor kendo-ui

这是来自浏览器的渲染HTML代码我正在使用kendo UI下拉列表,我是kendo UI的新手。如果@ TrackingHelper.CurrentUser.IsViewTestCallType返回False,我想禁用下拉列表。

 @(Html.Kendo().DropDownListFor(i => i.CallTypeId)

                                                    .Name("CallTypeId")
                                                    .HtmlAttributes(new { style = "width:100%" })
                                                    .DataTextField("MasterValueName")
                                                    .DataValueField("MasterValueId")
                                                    .Events(x => x.Open("ManageSecurity"))
                                                    .DataSource(source =>
                                                    {
                                                        source.Read(read =>
                                                        {

                                                            read.Action("GetCallType", "Common", new { Area = "" });

                                                        });
                                                    })
                                                    .OptionLabel("Select Call Type")
                                            )
Run Code Online (Sandbox Code Playgroud)

我在jquery中这样做:

 $(document).ready(function ()
    {
        debugger;
        var result = '@TrackingHelper.CurrentUser.IsViewTestCallType';
        if (result == "False")
        {
            $("#CallTypeId").prop("disabled", true);

        }

    });
Run Code Online (Sandbox Code Playgroud)

任何建议将不胜感激。提前致谢。

uyg*_*ran 5

使用小部件的启用方法。

$("#CallTypeId").data("kendoDropDownList").enable(false); 
Run Code Online (Sandbox Code Playgroud)