shieldui 小部件集成 - 带有自动调整网格的自动调整选项卡

Question

能否请您告诉我如何设置包含网格小部件的选项卡小部件，其中选项卡小部件自动调整大小以适应其容器，网格自动调整大小以适应选项卡容器（并且可正确滚动）。谢谢。

Answer 1

我想这就是你需要的

https://jsbin.com/didiqa/4/edit?output

只需在选项卡小部件 div 上使用 CSS 即可获得 overflow-y。网格小部件还有一个名为 scrolling 的 属性，如果列宽大于网格，它会为您提供垂直滚动。你可以查看一下here.

#tabsDiv {
   height: 250px;
   overflow: scroll; 
}

Answer 2

这是可能的 - 这里是 a JSBin example。

要使其完整，您必须考虑以下事项：

• 限制调整大小事件处理，
• 调整 CSS 样式 - 填充、边框等，
• 尺寸计算，
• 保存和恢复网格状态（当前页面、选择等）...