EasyUI datagrid手动自适应的问题

在使用datagrid的时候，为datagrid添加了工具栏，在工具栏中有一个比较大的筛选区域，为了不占用空间，使用一个btn来toggle这个筛选区域。但是有一个问题，就是当toggle执行后，当前空间（panel）中的空间发生了变化。

由于设置了datagrid的fit为true，以为它会自动适应，但是在实际中，由toggle或hide、show引发的这种变化不会引发datagrid的自动适应。由于datagrid继承了panel，panel有一个resize方法，因此可以使用该方法可以手动自适应。

下面的代码，使用了toggle的回调函数，当toggle结束之后，调用这个resize的匿名函数。 

<a id="btn" href="#"
                                class="easyui-linkbutton"
                                data-options="iconCls:'icon-reload'" plain="true"
                                onclick="$('#conceptSearchForm').toggle('slow',function(){$('#conceptList').datagrid('resize');});">筛选开关</a>

 

转载于:https://www.cnblogs.com/kyle1492/p/5080535.html