jquery中EasyUI使用技巧小結(jié)
combobox組件
一、禁用combobox里面的輸入框
$("選擇器").combo('textbox').attr("readonly", "readonly");
$('選擇器').combobox({
editable:false ,
panelheight:300
});
二、禁用
$('選擇器').combobox('disable');
三、獲取選項(xiàng)文本和值
$("選擇器").combobox("getText")//獲取選項(xiàng)文本
$("選擇器").combobox("getValue")//獲取選項(xiàng)值
四、聚焦自動(dòng)展開(kāi)，回車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
}
});
});
二、彈出層彈出時(shí)默認(rèn)第一個(gè)按鈕有焦點(diǎn)按回車鍵可以執(zhí)行相應(yīng)函數(shù)后關(guān)閉，但在cs程序中使用webbrowser顯示后不可用了。
所以有了下面方法，監(jiān)聽(tīng)body keyup事件，不同的是按鈕有沒(méi)焦點(diǎn)都能激發(fā)點(diǎn)擊事件，這樣也更像模態(tài)窗口。(此方法如果在彈出窗口中操作按回車會(huì)關(guān)閉，不可取)
$('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)文章，也用上了，感覺(jué)上了賊船，好慢。頁(yè)面加載時(shí)有兩秒左右全白（只是引用庫(kù)文件），那么多人用性能應(yīng)該還可以吧。望大牛指點(diǎn)一二。
相關(guān)文章
基于Jquery實(shí)現(xiàn)的一個(gè)圖片滾動(dòng)切換
很多效果還是要封裝成插件才好，這里只是給大家個(gè)效果參考。對(duì)像我這種新手應(yīng)該還是有幫助的吧2012-06-06
jquery插件orbit.js實(shí)現(xiàn)圖片折疊輪換特效
Orbit是一個(gè)設(shè)計(jì)良好并且容易使用的jQuery圖片滑動(dòng)幻燈片插件，它除了支持圖片滾動(dòng)切換展示外，還支持針對(duì)內(nèi)容的滾動(dòng)。插件的定制性相當(dāng)高，它提供了多個(gè)參數(shù)的設(shè)置，通過(guò)設(shè)置你可以將它打造成完全符合你要求的樣式。2015-04-04
jQuery學(xué)習(xí)筆記之jQuery動(dòng)畫效果
本次學(xué)習(xí)分為兩個(gè)文件的測(cè)試，第一個(gè)是基本動(dòng)畫，第二個(gè)是滑動(dòng)和透明動(dòng)畫效果，分別如下2013-09-09
jquery實(shí)現(xiàn)側(cè)邊彈出的垂直導(dǎo)航
這篇文章主要介紹了jquery動(dòng)畫特效結(jié)合css實(shí)現(xiàn)側(cè)邊彈出的垂直導(dǎo)航的方法及代碼分享,需要的朋友可以參考下2014-12-12
jQuery模擬原生態(tài)App上拉刷新下拉加載更多頁(yè)面及原理
很多App中,新聞或者展示類都存在下拉刷新和上拉加載的效果，如何實(shí)現(xiàn)上拉刷新下拉加載更多頁(yè)面的呢？下面小編通過(guò)下面內(nèi)容給大家介紹jQuery模擬原生態(tài)App上拉刷新下拉加載更多頁(yè)面及原理，需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jQuery中DOM操作方法,實(shí)例分析了dom對(duì)象的創(chuàng)建、屬性的修改、樣式的修改、動(dòng)態(tài)綁定事件等技巧,需要的朋友可以參考下2015-01-01
讀jQuery之六 緩存數(shù)據(jù)功能介紹，學(xué)習(xí)jquery的朋友可以參考下。2011-06-06
jquery Validation表單驗(yàn)證使用詳解
功能強(qiáng)大的 jquery 表單驗(yàn)證插件，適用于日常的 E-mail、電話號(hào)碼、網(wǎng)址等驗(yàn)證及 Ajax 驗(yàn)證，除自身?yè)碛胸S富的驗(yàn)證規(guī)則外，還可以添加自定義的驗(yàn)證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04
jQuery+AJAX實(shí)現(xiàn)網(wǎng)頁(yè)無(wú)刷新上傳
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)網(wǎng)頁(yè)無(wú)刷新上傳的相關(guān)資料，十分詳細(xì),需要的朋友可以參考下2015-02-02
jquery操作HTML5 的data-*的用法實(shí)例分享
從jQuery 1.4.3起， HTML 5 data- 屬性 將自動(dòng)被引用到j(luò)Query的數(shù)據(jù)對(duì)象中。也就是說(shuō)雖然 data-* 是在html5 中的元素, 但是如果使用 jquery 1.4.3庫(kù)以上的.還是可以 在非HTML5的頁(yè)面或?yàn)g覽器里, 仍然可以使用.data(obj)方法來(lái)操作"data-*" 數(shù)據(jù).2014-08-08