jquery中EasyUI使用技巧小結

更新時間：2015年02月10日 09:03:23 投稿：hebedich

這篇文章主要介紹了jquery中EasyUI使用技巧小結,都是些個人經驗，分享給大家，需要的朋友可以參考下

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
        }
    });
});

二、彈出層彈出時默認第一個按鈕有焦點按回車鍵可以執(zhí)行相應函數后關閉，但在cs程序中使用webbrowser顯示后不可用了。

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

復制代碼代碼如下:

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

            }

        });

    }

});

注：看到很多網友寫相關文章，也用上了，感覺上了賊船，好慢。頁面加載時有兩秒左右全白（只是引用庫文件），那么多人用性能應該還可以吧。望大牛指點一二。

您可能感興趣的文章: