ExtJS面板方向 - 从右到左

Question

为RTL语言，阿拉伯语，希伯来语等水平翻转ExtJs面板的适当方法是什么

Answer 1

TL; DR ：自2013年4月起，Ext 4.2+支持RTL。有关详细信息，请参阅下面的上一次更新。

此时Ext没有内置RTL支持，尽管许多社区成员已经成功解决了这个问题。如果您的需求有限（例如仅限于Panel内容），最好自己简单地覆盖相应的CSS。如果您需要更完整的RTL支持，您可能应该直接在Ext论坛中跟进处理相同问题的其他用户。

有一个external project用于向Ext 3.x添加RTL支持，但我不知道它是否有效或质量如何（最近的更新是几个月前）。可能会指出你正确的方向。

更新：据报道，RT 4支持 支持将在Ext 4（2011年第一季度）中得到显着改善。还没有看到它，但在SenchaCon报道了这一点。

2012年9月更新：RTL已经不从4.1开始正式进入Ext 4，但最后我听说它仍然在路线图上，可能是为了后来4.x发布。

2013年4月更新： RTL已落地。有关详细信息，请参阅Ext 4.2 intro blog post。它的基本要点是，要在4.2+中启用RTL，请执行以下操作：

• 需要Ext.rtl.*命名空间
• 在容器/组件上设置rtl: true配置 - 请注意，此设置会级联并且可被子组件覆盖，这很酷
• 通过设置SASS变量启用样式中的RTL：$include-rtl: true;

在应用程序组件中启用RTL的示例：

Ext.define('MyApp.views.Viewport', {
    extend: 'Ext.container.Viewport',
    requires: [
        'Ext.rtl.*'
    ],
    rtl: true,
    ...
});