給Easyui-Datebox設(shè)置隱藏或者不可用的解決方法

發(fā)布時間：2020-09-07 05:38:01 來源：腳本之家閱讀：229 作者：TeachYouToBe 欄目：web開發(fā)

我們公司做的是一套安全監(jiān)測系統(tǒng)。所以呢對于前臺頁面沒有像一些門戶網(wǎng)站布局那么豐富，特效特別炫。目前只需要一套簡單的UI界面即可，所以我選擇了用easyui進(jìn)行搭建，easyui是一種基于jQuery的用戶界面插件集合。使用easyui你不需要寫很多代碼，你只需要通過編寫一些簡單HTML標(biāo)記，就可以定義用戶界面。方便而且也比較美觀。但是隨著項(xiàng)目的進(jìn)展，對于一些功能的選擇上，需要給一些元素加一些樣式。漸漸我發(fā)現(xiàn)easyui的一些控件對css的兼容性不是很好。于是我總結(jié)了一些解決方法如下，我解決的是easyui-datebox控件的隱藏。除此之外我也總結(jié)了一些其他控件隱藏或者設(shè)置不可用的方法，希望可以提供一些建議。

1.validatebox可以用的用法:前兩種適用于單個的validatebox;

第三種應(yīng)用于整個form里面的輸入框;

 $("#id").attr("readonly", true); ----- $("#id").removeAttr("readonly");
 $("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly");
 $("#Form :input").attr("readonly", "readonly"); //對form里面的禁用
 $("input").attr("readonly", "readonly"); //對所有的input標(biāo)簽禁用

2.combobox禁用啟用用法:

 $("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false});
 $("#id").attr("readonly", "readonly"); //對單個禁用 ----- $("#id").removeAttr("readonly");
 $("#fm .easyui-combobox").combobox({ disabled: true }); //對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"> 
<input id='test' class="easyui-datebox" ></input></div>

現(xiàn)在我要隱藏那個input ，既然不兼容，那我就隱藏他父元素。

$("#divParent" ).css("display", "none");

以下是設(shè)置不可用的方法：

$("#test").datebox({ 
  disabled: true 
 });

向AI問一下細(xì)節(jié)

給Easyui-Datebox設(shè)置隱藏或者不可用的解決方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽