隐藏 KendoUI 下拉列表答案

【问题标题】：Hide KendoUI Dropdownlist隐藏 KendoUI 下拉列表
【发布时间】：2013-11-22 12:17:44
【问题描述】：

我正在尝试根据用户的访问级别隐藏/显示 KendoUI 下拉列表；这样它只会对 AdminUsers 可见

@if (User.IsInRole(Constants.Admin))
{
<div>
    <div class="editor-label">
        Filter by Staff:
    </div>
    <div class="editor-field">

        @(Html.Kendo().DropDownList().Name("UserDropDownList").BindTo(Model.Users)
                .DataTextField("User").DataValueField("UserId")
                .SelectedIndex(Model.Users.IndexOf(Model.Users.FirstOrDefault(x => x.UserId == Model.Default)))
                .Events(e => e.Change("SelectedUserChanged")))
    </div>
</div>

}

现在，当用户不是管理员时，这将不起作用，因为如您所见，此 Dropdownlist 有一个 Change 事件，该事件为 Grid 提供数据。我想知道您是否知道解决此问题的方法。非常感谢。

【问题讨论】：

标签： javascript jquery asp.net-mvc razor kendo-ui

【解决方案1】：

您可以隐藏下拉菜单，并在准备好 javascript 的文档时调用控制器上的操作，告诉您是否可以显示下拉菜单 ($("#UserDropDownList").show() 您也可以使用 .hide( ））。如果需要，您可以手动触发。

 $("#UserDropDownList").data("kendoDropDownList").trigger("change");

【讨论】：