Kendo multi select 自动关闭没有按预期工作

Question

我正在使用 bootstrap data-toggle 渲染一个弹出窗口，在弹出窗口中我有一个 kendo multi select。但是每次当我 select 来自 multi select 的选项时，我的弹出窗口都会关闭。我已经将 kendo multi select 的 autoClose 属性设置为 false。更有趣的一点是，即使选项 select 和删除都触发了 multi select 的 'Change' 事件，我只有在 selecting 一个 Option 时才会遇到问题。

有人请帮忙。

提前致谢苏斌

Answer 1

$('#day_txt').multiselect({
            enableFiltering: true,
            enableHTML: true,
            buttonClass: 'form-control',
            includeSelectAllOption: true,
            templates: {
                button: '<button type="button" class="multiselect dropdown-toggle" data-toggle="dropdown"><span class="multiselect-selected-text"></span> &nbsp;<b class="fa fa-caret-down"></b></button>',
                ul: '<ul class="multiselect-container dropdown-menu"></ul>',
                filter: '<li class="multiselect-item filter"><div class="input-group"><span class="input-group-addon"><i class="fa fa-search"></i></span><input class="form-control multiselect-search" type="text"></div></li>',
                filterClearBtn: '<span class="input-group-btn"><button class="btn btn-default btn-white btn-grey multiselect-clear-filter" type="button"><i class="fa fa-times-circle red2"></i></button></span>',
                li: '<li><a tabindex="0"><label></label></a></li>',
                divider: '<li class="multiselect-item divider"></li>',
                liGroup: '<li class="multiselect-item multiselect-group"><label></label></li>'
            }
        });

您可以使用 bootstrap multi-select 插件，这是您可以使用的方法，但是为了使用 bootstrap multi-select 您需要添加 cdn [= css 的 19=] 和页面中的 js..我建议您使用 bootstrap 多选 ...

Kendo multi select 自动关闭没有按预期工作

Kendo multi select Autoclose not working as expected

kendo-ui

angularjs

twitter-bootstrap-tooltip