給Easyui-Datebox設(shè)置隱藏或者不可用的解決方法
我們公司做的是一套安全監(jiān)測(cè)系統(tǒng)。所以呢對(duì)于前臺(tái)頁面沒有像一些門戶網(wǎng)站布局那么豐富,特效特別炫。目前只需要一套簡(jiǎn)單的UI界面即可,所以我選擇了用easyui進(jìn)行搭建,easyui是一種基于jQuery的用戶界面插件集合。使用easyui你不需要寫很多代碼,你只需要通過編寫一些簡(jiǎn)單HTML標(biāo)記,就可以定義用戶界面。方便而且也比較美觀。但是隨著項(xiàng)目的進(jìn)展,對(duì)于一些功能的選擇上,需要給一些元素加一些樣式。漸漸我發(fā)現(xiàn)easyui的一些控件對(duì)css的兼容性不是很好。于是我總結(jié)了一些解決方法如下,我解決的是easyui-datebox控件的隱藏。除此之外我也總結(jié)了一些其他控件隱藏或者設(shè)置不可用的方法,希望可以提供一些建議。
1.validatebox可以用的用法:前兩種適用于單個(gè)的validatebox;
第三種應(yīng)用于整個(gè)form里面的輸入框;
$("#id").attr("readonly", true); ----- $("#id").removeAttr("readonly"); $("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly"); $("#Form :input").attr("readonly", "readonly"); //對(duì)form里面的禁用 $("input").attr("readonly", "readonly"); //對(duì)所有的input標(biāo)簽禁用
2.combobox禁用啟用用法:
$("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false}); $("#id").attr("readonly", "readonly"); //對(duì)單個(gè)禁用 ----- $("#id").removeAttr("readonly"); $("#fm .easyui-combobox").combobox({ disabled: true }); //對(duì)form里面的下拉框禁用 $("#ID").combobox("disable"); ------ $("#ID").combobox("enable");
3.datebox與datetimebox禁用啟用方法:
$("#fm .easyui-datebox").datebox({ disabled: true }); ----- $("#fm .easyui-datebox").datebox({ disabled: false}); $("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly"); $("#fm .easyui-datetimebox").datetimebox({ disabled: true }); ----- $("#fm .easyui-datetimebox").datetimebox({ disabled: true });
4.還有一種比較投機(jī)取巧的方法,但是也可以用 例子如下:
<div id=" divParent"style="margin:10px 0;"> <input id='test' class="easyui-datebox" ></input></div>
現(xiàn)在我要隱藏那個(gè)input ,既然不兼容,那我就隱藏他父元素。
$("#divParent" ).css("display", "none");
以下是設(shè)置不可用的方法:
$("#test").datebox({ disabled: true });
相關(guān)文章
使用jQuery操作HTML的table表格的實(shí)例解析
這篇文章主要介紹了使用jQuery操作HTML的table表格的實(shí)例解析,包括用jQuery獲取表格總行數(shù)的小技巧,需要的朋友可以參考下2016-03-03jQuery+Ajax+PHP彈出層異步登錄效果(附源碼下載)
本文我們給大家介紹如何使用jQuery+Ajax+PHP彈出層異步登錄的應(yīng)用。感興趣的朋友通過本文學(xué)習(xí)吧2016-05-05使用ajaxfileupload.js實(shí)現(xiàn)上傳文件功能
這篇文章主要為大家詳細(xì)介紹了使用ajaxfileupload.js實(shí)現(xiàn)上傳文件功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08jQuery實(shí)現(xiàn)簡(jiǎn)單登錄條件判斷
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單登錄條件判斷,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03JavaScript實(shí)現(xiàn)的滾動(dòng)公告特效【基于jQuery】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的滾動(dòng)公告特效,結(jié)合完整實(shí)例形式詳細(xì)分析了基于jQuery實(shí)現(xiàn)的頁面元素間歇修改,最終達(dá)到滾動(dòng)公告效果的相關(guān)操作技巧,需要的朋友可以參考下2019-07-07jQuery對(duì)指定元素中指定字符串進(jìn)行替換的方法
這篇文章主要介紹了jQuery對(duì)指定元素中指定字符串進(jìn)行替換的方法,涉及jQuery針對(duì)字符串的匹配與替換的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03內(nèi)容滑動(dòng)切換效果jquery.hwSlide.js插件封裝
這篇文章主要為大家詳細(xì)介紹了jQuery開發(fā)之內(nèi)容滑動(dòng)切換效果的相關(guān)資料,jquery.hwSlide.js插件進(jìn)行封裝具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07JQuery實(shí)現(xiàn)的在新窗口打開鏈接的方法小結(jié)
jQuery 實(shí)現(xiàn)在新窗口中打開鏈接方法,收集了幾個(gè),大家可以根據(jù)需要選擇使用。2010-04-04