ExtJS面板方向 - 从右到左

Question

对于RTL语言,阿拉伯语,希伯来语等,水平翻转ExtJs Panel的适当方法是什么？

Answer 1

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

虽然许多社区成员已经成功解决了这个问题,但目前还没有内置到Ext的RTL支持.如果您的需求有限(例如仅限于Panel内容),最好自己简单地覆盖相应的CSS.如果您需要更完整的RTL支持,您应该直接在Ext论坛中跟进处理相同问题的其他用户.

有一个外部项目可以向Ext 3.x添加RTL支持,虽然我不知道它是否活跃或质量是什么(最近的更新是几个月前).可能会指出你正确的方向.

更新:据报道,在Ext 4(2011年第一季度)中,如果没有完全实施,RTL支持将得到显着改善.尚未见过,但SenchaCon报道了这一点.

更新2012年9月:从4.1开始,RTL还没有正式进入Ext 4,但最后我听说它仍然在路线图上,可能是后来的4.x版本.

更新2013年4月:RTL已登陆. 有关详细信息,请参阅Ext 4.2介绍博客文章.它的基本要点是,要在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,
    ...
});