ExtJS4 - 响应式布局和组件

Posted 2023-02-26

【中文标题】ExtJS4 - 响应式布局和组件

【英文标题】：ExtJS4 - Responsive layout and components

【发布时间】：2015-05-05 11:53:59

【问题描述】：

我们在 Extjs 4 中开发了一个应用程序。 我们想让它响应。

我们的目标是： 当我们调整窗口大小时，它应该会自动调整组件并相应地更新布局。

谁能指引我正确的方向？

提前致谢

【问题讨论】：

很好的问题，如果您找到任何解决方案，请转发给我。谢谢

【参考方案1】：

所以，基本上你只有两个选择：

1) 使用 ExtJS 和引导框架进行自己的实现。您可以从这篇文章和以下 ExtJS 5 组件中获得一些线索： https://www.sencha.com/forum/showthread.php?253766-Responsive-UI-and-ExtJS&p=1037960&viewfull=1#post1037960

http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.mixin.Responsive http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.plugin.Responsive

2) 你可以迁移到 Ext JS 5。我知道这很痛苦，但是如果你想继续开发你的应用程序，这将是你最好的选择，因为 ExtJS 6 已经正式发布。

最好的起点是本指南：http://docs.sencha.com/extjs/5.0/whats_new/5.0/extjs_upgrade_guide.html

【讨论】：

我认为 rishabh 已经提到他想要 ExtJS4 中的解决方案，这不仅是迁移的痛苦，而且是灾难性的。所以如果我们能为特定的 ExtJS4 找到令人敬畏的东西，那就太好了。

那么唯一的选择就是根据我的第一个建议写一些东西。

感谢 baidaly 的回复。您能否提供一些创建响应式布局的想法，或者可以是任何类型的列布局，以便我们可以将其用于响应式结构？

您使用的是 4.1 还是 4.2？我会尝试创建一个示例，但这需要时间。

感谢 baidaly 的努力。我正在使用 ExtJS 4.1

【参考方案2】：

您可以与新的 ExtJs 5.0.0 框架进行比较，或者尝试使用 ExtJs 4 的引导框架