控制easyui datagrid 显示和隐藏的正确方法

定义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方法实现显示和隐藏，原理都是一样的。