jquery中EasyUI使用技巧小結(jié)

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

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

combobox組件

一、禁用combobox里面的輸入框

$("選擇器").combo('textbox').attr("readonly", "readonly");

$('選擇器').combobox({

　　editable:false ,

    panelheight:300

});

二、禁用

復(fù)制代碼代碼如下:

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

三、獲取選項文本和值

復(fù)制代碼代碼如下:

$("選擇器").combobox("getText")//獲取選項文本

$("選擇器").combobox("getValue")//獲取選項值

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

復(fù)制代碼代碼如下:

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

            //do someting
        }
    });
});

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

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

復(fù)制代碼代碼如下:

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

            }

        });

    }

});

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

您可能感興趣的文章:

jQuery EasyUI開發(fā)技巧總結(jié)

相關(guān)文章

基于Jquery實(shí)現(xiàn)的一個圖片滾動切換
很多效果還是要封裝成插件才好，這里只是給大家個效果參考。對像我這種新手應(yīng)該還是有幫助的吧
2012-06-06
jquery插件orbit.js實(shí)現(xiàn)圖片折疊輪換特效
Orbit是一個設(shè)計良好并且容易使用的jQuery圖片滑動幻燈片插件，它除了支持圖片滾動切換展示外，還支持針對內(nèi)容的滾動。插件的定制性相當(dāng)高，它提供了多個參數(shù)的設(shè)置，通過設(shè)置你可以將它打造成完全符合你要求的樣式。
2015-04-04
jQuery學(xué)習(xí)筆記之jQuery動畫效果
本次學(xué)習(xí)分為兩個文件的測試，第一個是基本動畫，第二個是滑動和透明動畫效果，分別如下
2013-09-09
jquery實(shí)現(xiàn)側(cè)邊彈出的垂直導(dǎo)航
這篇文章主要介紹了jquery動畫特效結(jié)合css實(shí)現(xiàn)側(cè)邊彈出的垂直導(dǎo)航的方法及代碼分享,需要的朋友可以參考下
2014-12-12
jQuery模擬原生態(tài)App上拉刷新下拉加載更多頁面及原理
很多App中,新聞或者展示類都存在下拉刷新和上拉加載的效果，如何實(shí)現(xiàn)上拉刷新下拉加載更多頁面的呢？下面小編通過下面內(nèi)容給大家介紹jQuery模擬原生態(tài)App上拉刷新下拉加載更多頁面及原理，需要的朋友可以參考下
2015-08-08
jQuery中DOM操作實(shí)例分析
這篇文章主要介紹了jQuery中DOM操作方法,實(shí)例分析了dom對象的創(chuàng)建、屬性的修改、樣式的修改、動態(tài)綁定事件等技巧,需要的朋友可以參考下
2015-01-01
讀jQuery之六緩存數(shù)據(jù)功能介紹
讀jQuery之六緩存數(shù)據(jù)功能介紹，學(xué)習(xí)jquery的朋友可以參考下。
2011-06-06
jquery Validation表單驗證使用詳解
功能強(qiáng)大的 jquery 表單驗證插件，適用于日常的 E-mail、電話號碼、網(wǎng)址等驗證及 Ajax 驗證，除自身擁有豐富的驗證規(guī)則外，還可以添加自定義的驗證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+
2015-04-04
jQuery+AJAX實(shí)現(xiàn)網(wǎng)頁無刷新上傳
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)網(wǎng)頁無刷新上傳的相關(guān)資料，十分詳細(xì),需要的朋友可以參考下
2015-02-02
jquery操作HTML5 的data-*的用法實(shí)例分享
從jQuery 1.4.3起， HTML 5 data- 屬性將自動被引用到j(luò)Query的數(shù)據(jù)對象中。也就是說雖然 data-* 是在html5 中的元素, 但是如果使用 jquery 1.4.3庫以上的.還是可以在非HTML5的頁面或瀏覽器里, 仍然可以使用.data(obj)方法來操作"data-*" 數(shù)據(jù).
2014-08-08