【发布时间】:2020-06-02 23:32:53
【问题描述】:
我真的很喜欢这个风格 https://mdbootstrap.com/docs/angular/forms/multiselect-1/ 但我似乎在 Kendo Angular 上找不到类似的控件。
有谁知道我如何创建这种行为? (带复选框的下拉菜单)
我想将此下拉菜单用作搜索选项
【问题讨论】:
标签: kendo-ui multi-select kendo-dropdown
我真的很喜欢这个风格 https://mdbootstrap.com/docs/angular/forms/multiselect-1/ 但我似乎在 Kendo Angular 上找不到类似的控件。
有谁知道我如何创建这种行为? (带复选框的下拉菜单)
我想将此下拉菜单用作搜索选项
【问题讨论】:
标签: kendo-ui multi-select kendo-dropdown
我认为没有特定的小部件,但一个好的解决方法是将 kendoDropDownTree 配置为有点像链接中的多选。 (注意所有列表项都放在dataSource的根目录)
<div id="example">
<div id="cap-view" class="demo-section k-content">
<h4>Select one or more items</h4>
<input id="dropdowntree" style="width: 100%;" />
</div>
<script>
$(document).ready(function () {
$("#dropdowntree").kendoDropDownTree({
placeholder: "Select ...",
checkboxes: true,
checkAll: true,
autoClose: false,
dataSource: [
{ text: "Option 1" },
{ text: "Option 2" },
{ text: "Option 3" }
]
});
});
</script>
【讨论】: