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



我使用ExtJS 3.3我有一个主面板包含另一个面板(包含文本)和一个网格包含数据与分页工具栏和页脚。
在分页工具栏上有一个缩放控件(值为"100%","50%","页面宽度","整个页面"的组合)。
我希望从组合中选择一个缩放级别,并将主面板上的所有内容调整为该缩放级别。
我需要页面上所有其他面板的大小保持不变。
我已经谷歌周围,但无法看到任何解决方案或扩展可用。
请问我该怎么做?什么好主意吗?

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

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

最新更新