jQuery EasyUI的combobox元件用法相關介紹

一.禁用combobox裡面的輸入框:

[JavaScript] 純文字檢視 複製程式碼
$("選擇器").combo('textbox').attr("readonly", "readonly");
$('選擇器').combobox({
  editable:false ,
  panelheight:300
});

二.禁用:

[JavaScript] 純文字檢視 複製程式碼
$('選擇器').combobox('disable');

三.獲取選項文字和值:

[JavaScript] 純文字檢視 複製程式碼
$("選擇器").combobox("getText")//獲取選項文字
$("選擇器").combobox("getValue")//獲取選項值

四.聚焦自動展開，回車執行程式碼:

[JavaScript] 純文字檢視 複製程式碼
$("選擇器").focus(function () {
  $(this).combo('showPanel');
  $(this).combo('textbox').focus();
  $($(this).combo('textbox')).unbind("keyup").bind("keyup", function (e) {
    if (e.keyCode == 13) {
      //do someting
    }
  });
});

彈出層彈出時預設第一個按鈕有焦點按Enter鍵可以執行相應函式後關閉，但在cs程式中使用webbrowser顯示後不可用了。

所以有了下面方法，監聽body  keyup事件，不同的是按鈕有沒焦點都能激發點選事件，這樣也更像模態視窗。(此方法如果在彈出視窗中操作按回車會關閉，不可取)

[JavaScript] 純文字檢視 複製程式碼
$('body').live('keyup',function(e){
  if(e.keyCode == 13){
    $('.window').map(function(){
      if($(this).css('display') == 'block'){
        $(this).find('.messager-button').children("a:first").click();
        $(this).find('.dialog-button').children("a:first").click();
      }
    });
  }
});