ExtJS TabPanel 内容在 IE6 中不缩小
我正在使用 ExtJS 3.2，内容位于选项卡面板内，选项卡面板位于视口中的容器内。实际的 TabPanel 在视口大小变化时正确调整大小，但 TabPanel 中面板内的内容似乎是固定宽度，并且在调整窗口大小时不会缩小。奇怪的是，如果我增加窗口大小，它就会增长。如何使 Tabpanel 内的内容在窗口大小调整时缩小。
抱歉，这令人困惑，我的结构是这样的：
Viewport (rendered to body, and sets defaults {monitorResize:true})
- Text Label
- TabPanel
- Tab
- Container (Border Layout)
- Panel 1 (Center)
- Panel 2 (East)
- Panel 3 (South)
提前致谢！
I'm using ExtJS 3.2 and have content inside of a tab panel, and the tab panel inside of a container in a Viewport. The actual TabPanel resizes correctly on the viewport size changes, but the content inside a panel in the TabPanel seems to be a fixed width and will not shrink when the window is resized.The strange thing is it grows if I increase the window size. How can I get the content inside a Tabpanel to shrink on window resizing.
Sorry for this being confusing, my structure is this:
Viewport (rendered to body, and sets defaults {monitorResize:true})
- Text Label
- TabPanel
- Tab
- Container (Border Layout)
- Panel 1 (Center)
- Panel 2 (East)
- Panel 3 (South)
Thanks in advance!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
99% 的情况下，这可以归结为容器没有指定布局和/或容器过度嵌套。确保包含的 TabPanel 具有适当的布局集。如果你无法让它工作，你将不得不发布一些代码（最好是一个精简的用例）。
编辑：重新阅读您的伪代码，我怀疑是否需要将“容器”作为单独的级别 - 选项卡本身就是一个面板，并且可以具有 BorderLayout 并包含您的子区域。我敢打赌，您的选项卡级别当前没有分配布局。
99% of the time this boils down to a container not having a layout specified and/or excessive nesting of containers. Make sure that the containing TabPanel has an appropriate layout set. If you can't get it working you'll have to post some code (ideally a cut-down use case).
EDIT: Re-reading your pseudocode, I doubt there is any need for "Container" as a separate level -- the Tab is itself a Panel, and can have a BorderLayout and contain your child regions. I would bet that your Tab level currently has no layout assigned.