Kendo ComboBox在bootstrap下拉列表中

Question

我试图在bootstrap下拉列表中使用一个kendo组合框。

我创造了一个样本小提琴..

http://jsfiddle.net/w32LvL18/3/

问题是，当我尝试在组合框中输入内容时，我无法使用向下箭头键浏览其他选项。一旦我尝试使用向下箭头键，它就会跳转到下拉列表中的第一个选项而不是组合框选项..如何更改此...

 $('#keep_open_dropdown').on("click", function (e) {
            e.stopPropagation(); // This replace if conditional.
 }); 

Answer 1

一种解决方案是从引导程序下拉列表中删除role="menu"属性，并禁用引导程序下拉列表的键盘导航。

<ul id="dropdown-items" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">

另一种解决方案是，当你想保持键盘导航也用于bootrap Dropdown时，正在捕捉打开和关闭事件并添加或删除角色属性。

这是更新的fiddle。

...
close: function(){
    $('#dropdown-items').attr('role', 'menu');        
},
open: function(){
    $('#dropdown-items').removeAttr('role');  
},
....