1. 程式人生 > >JS控制EasyUI外掛的隱藏和顯示

JS控制EasyUI外掛的隱藏和顯示

有一個功能,在JS中控制easyUI datebox的顯示和隱藏,控制元件如下。

<input id="test" class="easyui-datebox">

用傳統的方法比如:

$("#test").hide();

$("#test").show();

又或者

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

$("#test").css("display","block");

但是,這些很常用的方法對於easy UI全部失效,那麼估計是easy UI在底層已經把樣式重寫了,

導致最經常使用的方法不行了。

經過查詢和嘗試,最終發現既然隱藏不了控制元件,那將其放在一個div中,我來操作這個div不就好了。

方法如下:

<div id="date">

<input id="test" class="easyui-datebox">

</div>

這樣的話,傳統的方法就能用了。

$("#date").hide();

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