datagrid高度自适应问题

Joey&zhou 2018-04-12 10:59:49

datagrid高度设置了
fitColumns:true,
fit:true,//高度自适应
完全没有效果
直接连分页按钮都没了

...全文

504 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

oO临时工Oo 2018-04-12

打赏
举报

回复

fitColumns：真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。 fit：当设置为true的时候面板大小将自适应父容器。下面的例子显示了一个面板，可以自动在父容器的最大范围内调整大小。当使用fit是相对父容器的，因此一定要弄清楚父容器是什么，如果是body，body是根据网页内容适应的而不会自动适应整个浏览器窗口。因此这个fit相当于无效。因此，在datagrid中使用fit属性，关键是看让datagrid的父容器，如果父容器中不只datagrid一个元素，那么datagrid会被挤

最近在把以前写的一个项目改成用easyui做前端。过程中遇到了不少问题。其中一个就是datagrid不能很好的布局。想了好多办法都有局限。最后想到会不会是布局的问题，经过实践，最后问题解决。 1：比如在项目中用到了datagrid。如果界面比较简单－－－只有一个datagrid只需要把它的属性fit 设置为true就能实现自动适应窗体。如果在datagrid上方还有其他div的话，datagrid就不能很好的自动适应窗体。如查datagrid有分页控件，分页控件就看不到了。这个时候就应该用 easyui-layout来分隔窗体来使具体的内容放在easyui-layout不同的部分。这样就能很好

扩展了DataGrid，自适应高度。实现Grid的合计功能。

NULL 博文链接：https://master3003.iteye.com/blog/1186515

代码如下: columns:[[ {field:”activitycontent”,title:’活动内容’,width:fixWidth(0.18),align:”center”,halign:”center”, formatter:function(value,rec){ if(value.indexOf(“src”)<0>Math.ceil(document.documentElement.clientWidth * 0.18)/11.5) return rec.activitycontent.substring(0,Mat

这是一个flex4的项目，可以下载下来单独运行，项目中是一个自定义的TitleWindow，TitleWindow中存放了一个dataGrid，它可以根据dataGrid中数据行增加而改变自身高度，直至要最大高度。此组件使用mxml定义，重写了组件updateDisplayList的方法，希望对大家有所帮助。

81,095

社区成员

341,712

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章