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