Question

我使用bootstrap数据切换渲染弹出窗口，在弹出内部我有一个kendo多选。但是每当我从多选中选择一个选项时，我的弹出窗口就会关闭。我已经将kendo multi select的autoClose属性设置为false。另一个有趣的一点是，即使选项和删除选项都触发多项选择的“更改”事件，我只在选择选项时遇到问题。

有人请你协助。

提前致谢 Subin

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多选插件，这是你怎么做的但是为了使用bootstrap多选你需要在你的页面中添加css和js的cdn url ..我建议你使用bootstrap多选...

Kendo multi select Autoclose未按预期工作

1 个答案: