【问题标题】:Does Kendo have a vertical multiselect combo box?剑道有垂直多选组合框吗?
【发布时间】:2020-06-02 23:32:53
【问题描述】:

我真的很喜欢这个风格 https://mdbootstrap.com/docs/angular/forms/multiselect-1/ 但我似乎在 Kendo Angular 上找不到类似的控件。

有谁知道我如何创建这种行为? (带复选框的下拉菜单)

我想将此下拉菜单用作搜索选项

【问题讨论】:

    标签: kendo-ui multi-select kendo-dropdown


    【解决方案1】:

    我认为没有特定的小部件,但一个好的解决方法是将 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>
    

    【讨论】:

    • 感谢您的回复。这可能有效,但是我在 Angular UI 小部件中看不到下拉树。这似乎只是 jquery。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多