定义id为dg的datagrid。
<table id="dg" class="easyui-datagrid"></table>
使用下面的代码实现隐藏/显示datagrid控件,并不能达到预期效果。
$("#dg").hide();
$("#dg").show();
正确的做法是将datagrid控件置于div内部,再控制div的隐藏/显示即可。
<div id="div-dg"><table id="dg" class="easyui-datagrid"></table></div>
使用下面的代码可以很好的完成工作了。
$("#div-dg").hide();
$("#div-dg").show();
有博文提到将datagrid置于easyui-panel内部,再调用panel的open和close方法实现显示和隐藏,原理都是一样的。

本文介绍了一种使用div包裹datagrid的方法来实现控件的隐藏和显示,这种方法相较于直接操作datagrid更为有效。同时,还提到了另一种将datagrid置于easyui-panel内并通过调用panel的open和close方法来实现显示和隐藏的方式。
3462

被折叠的 条评论
为什么被折叠?



