溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
我們公司做的是一套安全監測系統。所以呢對于前臺頁面沒有像一些門戶網站布局那么豐富，特效特別炫。目前只需要一套簡單的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.還有一種比較投機取巧的方法，但是也可以用 例子如下：
<div id=" divParent"> <input id='test' class="easyui-datebox" ></input></div>
現在我要隱藏那個input ，既然不兼容，那我就隱藏他父元素。
$("#divParent" ).css("display", "none");
以下是設置不可用的方法：
$("#test").datebox({
disabled: true
});
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
