如何使用缩放控件调整面板内容大小？

Question

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

Answer 1

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

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