隐藏KendoUI下拉列表

时间:2013-11-22 12:17:44

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

我试图隐藏/显示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提供信息。我想知道你是否知道要解决这个问题。非常感谢。

1 个答案:

答案 0 :(得分:-4)

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

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