ExtJSパネルの向き-右から左

Question

RTL言語、アラビア語、ヘブライ語などのためにExtJsパネルを水平に反転させる適切な方法は何ですか

Answer 1

TL; DR ：RTLは2013年4月現在、Ext 4.2+でサポートされています。詳細については、下記の最新のアップデートをご覧ください。

現時点では、ExtにはRTLサポートが組み込まれていませんが、多くのコミュニティメンバーがさまざまな成功を収めてこれに対処しています。ニーズが制限されている場合（たとえば、Panelの内容のみ）、適切なCSSを自分で単純にオーバーライドすることをお勧めします。より完全なRTLサポートが必要な場合は、おそらく同じ問題に対処している他のユーザーとExtフォーラムで直接フォローアップする必要があります。

Ext 3.xにRTLサポートを追加するための外部プロジェクトがありますが、アクティブであるか、品質が何であるかはわかりません（最後の更新は数か月前でした）。ただし、正しい方向にあなたを向ける可能性があります。

更新：Ext 4（2011年第1四半期）で、完全に実装されていない場合でも、RTLサポートが報告によると大幅に改善されます。まだ見ていませんが、SenchaConで報告されました。

2012年9月の更新：RTLは4.1の時点でまだ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,
    ...
});