Dojo/Dijit - 如何在布局控件上允许垂直滚动

Posted 2023-02-16

【中文标题】Dojo/Dijit - 如何在布局控件上允许垂直滚动

【英文标题】：Dojo/Dijit - How to allow Vertical Scrolling on a layout control

【发布时间】：2010-12-12 22:01:01

【问题描述】：

如何允许在此 Dojo/Dijit 页面中滚动：

http://www.olexe.com/html/DijitScrollTest.html

我可能在 tabControl (id="topTabs") 中显示 60 或 100 行。

我认为必须有一个诸如 AllowScrolling 之类的属性，但我找不到它。 还是我需要添加一个子控件，然后在子控件中开启滚动。 （如果您还可以将我指向它所在的 Dijit 文档，那将不胜感激。我已经为此寻找了一个多小时）。

【参考方案1】：

通常，通过将 CSS 样式溢出设置为“自动”可以轻松激活滚动。不过，我浏览了您的页面，有几个问题。

首先，您在 BorderContainer 的中心区域添加一个 TabContainer，但随后您从未向该 Container 添加任何我可以看到的选项卡。 TabContainers 通常填充有几个 ContentPanes 以充当不同的选项卡。

所以如果你想要标签，那么我会以 ContentPane 的形式添加一个额外的子元素来保存所有内容，否则我会将现有的 TabContainer 更改为 ContentPane。

无论哪种方式，应该是 ContentPane 溢出：auto;属性设置为允许在该元素内滚动。

【讨论】：

我们在是否要使用制表符的问题上来回摇摆不定。所以显然我删除了标签，并尝试直接放置内容。我今晚去看看。谢谢。

谢谢，它或多或少地工作了（与上述相同的页面已更新）。我现在是否仅限于两个单独的滚动条，还是可以设置一些页面大小类型参数和浏览器的滚动条？

嗯，如果我没记错的话，你有一个固定高度的标题，然后是一个 100% 高度的主元素，这可能是浏览器滚动条的原因。我认为这可以通过在 BorderContainer 内移动标题来解决。

【参考方案2】：

默认情况下 TabContainer 的内容应该滚动。尝试查看声明性示例 in the docs 并使用 ContentPane 子级，每个子级都有一个标题属性。