如何更改 Kendo UI ASP.Net MVC 中的配置选项

Question

我们通过 MVC 包装器使用 Kendo UI。以下是我们如何创建多选：

@(Html.Kendo().MultiSelect()
              .Name("filterUsers")
              .DataTextField("Text")
              .DataValueField("Value")
              .Placeholder("Select users...")...

问题是在 Kendo UI 的新版本中有一个选项 clearButton 在 MVC 中没有包装器。

我们如何在继续使用 MVC 包装器的同时设置它？我试过了：

1) 数据属性 (data-clear-button)，但它不起作用，因为它需要通过属性定义所有设置并通过 kendo.Bind

创建小部件

2) 通过 setOptions 更改配置，但不起作用：

$(function() {
  var s = $("#multiselect").data('kendoMultiSelect');
  s.setOptions({clearButton: false});
});

有什么建议吗？

Answer 1

DontVoteMeDown 的建议可以用于 specific MultiSelects，但需要修改：

$("#multiselect").data("kendoMultiSelect").wrapper
    .find(".k-multiselect-wrap > .k-i-close").css("display", "none");

否则，之前建议的实现也会隐藏任何预选项目的关闭按钮。

如果您想要定位 all MultiSelects，请改用以下之一：

CSS

.k-multiselect-wrap > .k-i-close {
    visibility: hidden;
}

或

JavaScript

// execute this before any MultiSelects are initialized
kendo.ui.MultiSelect.fn.options.clearButton = false;

如何更改 Kendo UI ASP.Net MVC 中的配置选项

How to change configuration option in Kendo UI ASP.Net MVC

asp.net-mvc

kendo-ui

kendo-asp.net-mvc