DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery中EasyUI使用技巧小結
jquery中EasyUI使用技巧小結
編輯:JQuery特效代碼     

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved