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>

 

posted @ 2015-12-27 18:13  puladiao  阅读(320)  评论(0编辑  收藏  举报