ExtJS 面板方向 - 从右到左

Question

对于 RTL 语言、阿拉伯语、希伯来语等，水平翻转 ExtJs 面板的合适方法是什么？

Answer 1

TL;博士 :截至 2013 年 4 月，Ext 4.2+ 支持 RTL。有关详细信息，请参阅下面的最新更新。

目前，Ext 中没有内置 RTL 支持，尽管许多社区成员已经成功解决了这个问题。如果您的需求有限(例如仅限于面板内容)，最好自己简单地覆盖适当的 CSS。如果您需要更完整的 RTL 支持，您可能应该直接在 Ext 论坛中与处理相同问题的其他用户联系。

有一个external project用于向 Ext 3.x 添加 RTL 支持，尽管我不知道它是否处于事件状态或质量如何(上次更新是几个月前)。可能会为您指明正确的方向。

更新 :据报道，如果未完全实现，RTL 支持将在 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,
    ...
});