我們公司做的是一套安全監(jiān)測(cè)系統(tǒng)。所以呢對(duì)于前臺(tái)頁(yè)面沒(méi)有像一些門(mén)戶網(wǎng)站布局那么豐富,特效特別炫。目前只需要一套簡(jiǎn)單的UI界面即可,所以我選擇了用easyui進(jìn)行搭建,easyui是一種基于jQuery的用戶界面插件集合。使用easyui你不需要寫(xiě)很多代碼,你只需要通過(guò)編寫(xiě)一些簡(jiǎn)單HTML標(biāo)記,就可以定義用戶界面。方便而且也比較美觀。但是隨著項(xiàng)目的進(jìn)展,對(duì)于一些功能的選擇上,需要給一些元素加一些樣式。漸漸我發(fā)現(xiàn)easyui的一些控件對(duì)css的兼容性不是很好。于是我總結(jié)了一些解決方法如下,我解決的是easyui-datebox控件的隱藏。除此之外我也總結(jié)了一些其他控件隱藏或者設(shè)置不可用的方法,希望可以提供一些建議。
成都創(chuàng)新互聯(lián),為您提供成都網(wǎng)站建設(shè)、重慶網(wǎng)站制作、網(wǎng)站營(yíng)銷推廣、網(wǎng)站開(kāi)發(fā)設(shè)計(jì),對(duì)服務(wù)成都除甲醛等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報(bào)價(jià)服務(wù),我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈,認(rèn)真對(duì)待每位客戶,為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步,是我們永遠(yuǎn)的責(zé)任!
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ī)取巧的方法,但是也可以用 例子如下:
現(xiàn)在我要隱藏那個(gè)input ,既然不兼容,那我就隱藏他父元素。
$("#divParent" ).css("display", "none");
以下是設(shè)置不可用的方法:
$("#test").datebox({ disabled: true });