Primefaces SelectOneMenu選擇項目，當按Ctrl +鍵（熱鍵）時

Question

我有一些熱鍵的JSF形式，例如，CTRL + S將保存數據。

問題是，當按下組合鍵並且焦點位於<p:selectOneMenu>字段時，將選擇以S開頭的第一個項目（以下示例），然後提交表單。

您可以重現此問題在showcase，在第一個字段，按CTRL +Ø。在Chrome中，至少它會選擇第一個選項，然後選擇瀏覽器「打開對話框」。

我希望此組件在按下特殊鍵時忽略該字母。

我已經測試了這個行爲對SELECT HTML元素和jQuery UI的「組合框」，但它並沒有發生。 SelectOneMenu的Primefaces實現是輸入字段的不同包裝。

我在PF用戶指南中列出的onkeyup和onkeydown屬性中嘗試了return false。沒有結果。

我試着用preventDefault()和return false加入jQuery鍵盤事件監聽器。沒有。

在深入研究PrimeFaces代碼之前，我想知道是否有針對這種情況的已知解決方法。

Answer 1

我從SVN存儲庫中檢出了更新版本的PrimeFaces源代碼。組件中有一些Javascript函數被修復。

然後我提取那些固定的函數，並把它們放在一個Javascript文件中，以覆蓋原來的。

的代碼如下：

/** 
* Fix for selectOneMenu when key is pressed along with CTRL 
*/ 
PrimeFaces.widget.SelectOneMenu = PrimeFaces.widget.SelectOneMenu.extend({ 

    bindKeyEvents: function() { 
     var $this = this; 

     this.focusInput.on('keydown.ui-selectonemenu', function(e) { 
      var keyCode = $.ui.keyCode, 
      key = e.which; 

      switch(key) { 
       case keyCode.UP: 
       case keyCode.LEFT: 
        $this.highlightPrev(e); 
       break; 

       case keyCode.DOWN: 
       case keyCode.RIGHT: 
        $this.highlightNext(e); 
       break; 

       case keyCode.ENTER: 
       case keyCode.NUMPAD_ENTER: 
        $this.handleEnterKey(e); 
       break; 

       case keyCode.TAB: 
        $this.handleTabKey(); 
       break; 

       case keyCode.ESCAPE: 
        $this.handleEscapeKey(e); 
       break; 
      } 
     }) 
     .on('keyup.ui-selectonemenu', function(e) { 
      var keyCode = $.ui.keyCode, 
      key = e.which; 
      switch(key) { 
       case keyCode.UP: 
       case keyCode.LEFT: 
       case keyCode.DOWN: 
       case keyCode.RIGHT: 
       case keyCode.ENTER: 
       case keyCode.NUMPAD_ENTER: 
       case keyCode.TAB: 
       case keyCode.ESCAPE: 
       break; 

       default: 
        var text = $(this).val(), 
        matchedOptions = null; 

        clearTimeout($this.searchTimer); 

        matchedOptions = $this.options.filter(function() { 
         return $(this).text().toLowerCase().indexOf(text.toLowerCase()) === 0; 
        }); 

        if(matchedOptions.length) { 
         var highlightItem = $this.items.eq(matchedOptions.index()); 
         if($this.panel.is(':hidden')) { 
          $this.selectItem(highlightItem); 
         } 
         else { 
          $this.highlightItem(highlightItem); 
          PrimeFaces.scrollInView($this.itemsWrapper, highlightItem); 
         } 
        } 

        $this.searchTimer = setTimeout(function(){ 
         $this.focusInput.val(''); 
        }, 1000); 

       break; 
      } 
     }); 
    } 
}); 

Answer 2

升級到5.1.9 Primefaces（或5.2，如果你不是一個精英客戶）修復了這個對於CTRL，ALT和SHIFT。

的5.0分支包含此修復程序在5.0.16

這裏是Releasenot：http://blog.primefaces.org/?p=3415

這是門票：HTTP：https://code.google.com/p/primefaces/issues/detail?id=7892