我有这个 Kendo UI 自动完成文本字段,我想实现全选/删除全部选项。
要求是当用户单击“全选”时,无论之前选择了什么,都应该使用所有值更新控件。
到目前为止我已经:
@(Html.Kendo().MultiSelect()
.Name("step1")
.Placeholder(@ResCont.Resources.placeHolderCn)
.DataTextField("Text")
.DataValueField("Value")
.BindTo(EUCountries)
.Events(e =>
{
e.Change("onstep1Change");
})
<a href="#" id="all">select all</a>
<a href="#" id="clear">clear</a>
我想使用 javascript/jquery
最佳答案
试试这个:
<script>
$(document).ready(function() {
// create MultiSelect from select HTML element
var required = $("#multiselectId").kendoMultiSelect().data("kendoMultiSelect");
$("#all").click(function() {
var values = $.map(required.dataSource.data(), function(dataItem) {
return dataItem.value;
});
required.value(values);
});
$("#clear").click(function() {
required.value([]);
});
});
</script>
引用http://docs.telerik.com/kendo-ui/controls/editors/multiselect/how-to/select-deselect-all-items
关于javascript - Kendo UI 自动完成 全选,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41396636/