2015-11-25 27 views
1

我在我的項目中使用了kendo下拉菜單,並且遇到了問題。在普通的HTML選擇當我們按下焦點空格鍵它會顯示options.I需要實現劍道下拉列表中我已經試過按鍵,但它不工作我試過下面如何在空間按下鍵盤上打開kendo下拉菜單

$("#container").on("keypress", function (e) { 
     if (e.keyCode === 0 || e.keyCode === 32) { 
       alert("hi") 
      } 
    }); 

我給出的代碼相同知道它的垃圾,但我沒有任何其他想法來實現該功能。是否有可能在kendo下拉菜單中實現此功能?如果它是我能做到的

回答

2

在顯示kendo下拉菜單後,它將select放入容器中。

<span title="" class="k-widget k-dropdown k-header" > 
    <span unselectable="on" class="k-dropdown-wrap k-state-default"> 
      <span unselectable="on" class="k-input">Small</span> 
      <span unselectable="on" class="k-select"> 
       <span unselectable="on" class="k-icon k-i-arrow-s">select</span> 
      </span> 
     </span> 
     <select id="select" placeholder="Select size..." style="width: 100%; display: none;" accesskey="w" data-role="dropdownlist"> 
      <option value="X-Small">X-Small</option> 
      <option value="Small" selected="selected">Small</option> 
      <option value="Medium">Medium</option> 
      <option value="Large">Large</option> 
      <option value="X-Large">X-Large</option> 
      <option value="2X-Large">2X-Large</option> 
     </select> 
</span> 

的​​將在容器上火: -

$("#select").kendoDropDownList(); 
$("#select").parent().on("keydown", function(e){ 
    if (e.keyCode === 0 || e.keyCode === 32) { 
      $('select', this).data("kendoDropDownList").open(); 
    } 
}); 

dojo

+0

感謝的人,這正是我想要 – Optimus

+0

很高興我能幫助... – BenG

相關問題