如何根据里面的datagrid高度来自动设置外面的tabs高度

mini3000

代码片段：
<div  id="tabs1" class="mini-tabs" activeIndex="0" style="width:100%;margin-top: 5px;background-color: #0385B9;border-color: red;" plain="false">
            <div name="was1" title="tab页面"  url="buyProductWeekData.jsp"  >
            </div>
</div>

buyProductWeekData.jsp页面里面是一个datagrid的表格

预览效果如下，怎样才能根据里面的datagrid高度来自动设置外面的tabs高度呢？

lost

1.datagrid的页面加，获取grid的高度
top["win"] = window;
grid.getHeight();
2.tab页面
var tabs = mini.get("tabs1");
tabs.on("tabload", function () {
       tabs.setHeight(top["win"].grid.getHeight());
});
//这样就根据datagrid的高度设置tabs的高度

mini3000

lost 发表于 2014-4-25 11:09
1.datagrid的页面加，获取grid的高度
top["win"] = window;
grid.getHeight();

不行啊，变成这样了，是不是跟放的位置有关？因为grid的数据没加载好，所以被认为高度是0？

lost

mini3000 发表于 2014-4-25 12:02
不行啊，变成这样了，是不是跟放的位置有关？因为grid的数据没加载好，所以被认为高度是0？

...

1.是不是你表格的高度没有给？加个高度试试
2.如果还是有问题请做个HTML页面，重现问题，在高级模式下打包上传。我们看下

mini3000

lost 发表于 2014-4-25 13:15
1.是不是你表格的高度没有给？加个高度试试
2.如果还是有问题请做个HTML页面，重现问题，在高级模式下打 ...

附件如下，我希望tabs的高度能够根据grid内的数据条数（也就是data的total值）自动调整，不进行分页，tabs和grid内都不出现滚动条，只有body有滚动条。

mini3000

lost 发表于 2014-4-25 13:15
1.是不是你表格的高度没有给？加个高度试试
2.如果还是有问题请做个HTML页面，重现问题，在高级模式下打 ...

lost

mini3000 发表于 2014-4-25 14:27

tabs.on("tabload", function () {
            setTimeout(function () {
                tabs.setHeight(top["win"].grid.getHeight());
            }, 20);
});
//加个延时试下

mini3000

lost 发表于 2014-4-25 15:05
tabs.on("tabload", function () {
            setTimeout(function () {
                tabs.setHeig ...

加延时啊，如果数据量大或者网络问题导致数据加载慢，会不会有影响的啊？

factory

mini3000 发表于 2014-4-25 15:52
加延时啊，如果数据量大或者网络问题导致数据加载慢，会不会有影响的啊？ ...

不会
你这个延时是针对tabs高度设置的,跟你数据加载有什么关系.

另外,你都已经是跨页面的了,你要让内部元素还能撑开父元素,只能跨页面去设置tabs高度

这个又不是同一页面的父子元素关系