引导程序下拉列表中的剑道组合框

Kendo ComboBox inside a bootstrap dropdown

本文关键字：组合 下拉列表 引导程序      更新时间：2023-09-26

我正试图在引导程序下拉列表中使用剑道组合框。

我制作了一把样品小提琴。。

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

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

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

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

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

另一个解决方案是，当您希望保留引导程序下拉菜单的键盘导航时，捕获打开和关闭事件并添加或删除角色属性。

这是一把最新的小提琴。

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