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