如何用jquery禁用kendo ui下拉列表？

Question

我正在使用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")
                                            )

我在jquery中这样做：

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

        }

    });

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

Answer 1

使用小部件的启用方法。

$("#CallTypeId").data("kendoDropDownList").enable(false); 

Answer 2

评论后，我可以说你没有得到select。你应该在你的情况下选择它，我想：

$(document).ready(function ()
    {
        debugger;
        var result = '@TrackingHelper.CurrentUser.IsViewTestCallType';
        if (result == "False")
        {
            $("select[name=CallTypeId]").prop("disabled", "disabled");
        }
    });

如果你想使用id选择器，你应该检查你的Kendo().DropDownListFor

Answer 3

使用此代码

$("input[id=dropdownId]").prop("disabled", "disabled");