如何通过缩放控件调整面板内容的大小？

Question

我正在使用ExtJS 3.3 我有一个包含另一个面板（包含文本）的主面板和一个包含分页工具栏和页脚的数据的网格 在分页工具栏上有一个缩放控件（一个组合，其值为“100％”，“50％”，“页面宽度”，“整页”）。 我希望从组合中选择一个缩放级别，并让主面板上的所有内容都调整为该缩放级别 我需要页面上所有其他面板的大小不变 我用Google搜索，但看不到任何可用的解决方案或扩展 我该怎么办？有什么想法吗？

Answer 1

您应该能够使用CSS在每个所需的缩放级别定义每个元素的大小。您的组合缩放控件需要有一个事件处理程序，它将切换包含您要调整大小的内容的（可能）DIV元素的类。

有一个StackOverflow question here是关于实现缩放的一些方法的有用讨论;有很多方法可以做到这一点，你的选择取决于你需要做什么。如果您看到正在处理的显示或代码，那么我可能会提出一些建议。