easyui 隐藏input_給Easyui-Datebox設定隐藏或者不可用的解決方法

我們公司做的是一套安全監測系統。是以呢對于前台頁面沒有像一些門戶網站布局那麼豐富，特效特别炫。目前隻需要一套簡單的UI界面即可，是以我選擇了用easyui進行搭建，easyui是一種基于jQuery的使用者界面插件集合。使用easyui你不需要寫很多代碼，你隻需要通過編寫一些簡單HTML标記，就可以定義使用者界面。友善而且也比較美觀。但是随着項目的進展，對于一些功能的選擇上，需要給一些元素加一些樣式。漸漸我發現easyui的一些控件對css的相容性不是很好。于是我總結了一些解決方法如下，我解決的是easyui-datebox控件的隐藏。除此之外我也總結了一些其他控件隐藏或者設定不可用的方法，希望可以提供一些建議。

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

第三種應用于整個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标簽禁用

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.還有一種比較投機取巧的方法，但是也可以用    例子如下：

現在我要隐藏那個input ，既然不相容，那我就隐藏他父元素。

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

以下是設定不可用的方法：

$("#test").datebox({

disabled: true

});