5

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

4

1 に答える 1

10

TL;DR : RTL は、2013 年 4 月現在、Ext 4.2+ でサポートされています。詳細については、以下の最後の更新を参照してください。

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

Ext 3.x に RTL サポートを追加するための外部プロジェクトがありますが、それがアクティブかどうか、または品質がどのようなものかはわかりません (最後の更新は数か月前です)。しかし、あなたを正しい方向に向けるかもしれません。

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

2012 年 9 月の更新: 4.1 の時点で、RTL はまだExt 4 に正式に組み込まれていません。

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,
    ...
});
于 2009-11-02T05:47:42.487 に答える