首頁 >web前端 >js教程 >jquery中EasyUI使用技巧小結_jquery

jquery中EasyUI使用技巧小結_jquery

WBOY
WBOY原創
2016-05-16 16:14:591245瀏覽

combobox組件

一、禁用combobox裡面的輸入框

複製程式碼 程式碼如下:

$("選擇器").combo('textbox').attr("readonly", "readonly");
$('選擇器').combobox({
  editable:false ,
    panelheight:300
});

二、停用

複製程式碼 程式碼如下:

  $('選擇器').combobox('disable');

三、取得選項文字與值

複製程式碼 程式碼如下:

$("選擇器").combobox("getText")//取得選項文字
$("選擇器").combobox("getValue")//取得選項值

四、聚焦自動展開,回車do someting

複製程式碼 程式碼如下:

$("選擇器").focus(function () {
    $(this).combo('showPanel');
    $(this).combo('textbox').focus();
    $($(this).combo('textbox')).unbind("keyup").bind("keyup", function (e) {
        if (e.keyCode == 13) {

            //do someting
        }
    });
});

二、彈出層彈出時預設第一個按鈕有焦點按回車鍵可以執行對應函數後關閉,但在cs程式中使用webbrowser顯示後不可用了。

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

複製程式碼 程式碼如下:

$('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();
            }
        });
    }
});

註:看到很多網友寫相關文章,也用上了,感覺上了賊船,好慢。頁面載入時有兩秒鐘左右全白(只是引用庫檔案),那麼多人用效能應該還可以吧。望大牛指點一二。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn