ExtJS Panel Ausrichtung - Right-To-Left

Question

Was ist die angemessene Art und Weise einen ExtJs-Panel horizontal für RTL Sprachen, Arabisch, Hebräisch .. etc

Flip

Answer 1

TL; DR . RTL in Extern unterstützt ab Version 4.2 ab April 2013 das letzte Update unten für Details

Es gibt keine RTL-Unterstützung in Ext zu dieser Zeit gebaut, obwohl viele Mitglieder der Gemeinschaft dieses mit verschiedenem Erfolg angesprochen haben. Wenn sie Ihre Bedürfnisse begrenzt sind (nur auf Panel Inhalte zum Beispiel) wäre es wahrscheinlich am besten, einfach die entsprechende CSS selbst außer Kraft setzen. Wenn Sie mehr komplette RTL Unterstützung benötigen, sollten Sie wahrscheinlich direkt in den Ext-Foren mit anderen Nutzern den Umgang mit den gleichen Fragen folgen zu lassen.

Es gibt ein externes Projekt für das Hinzufügen von RTL Unterstützung Ext 3.x, obwohl ich keine Ahnung, ob es aktiv oder was die Qualität ist (letzte Updates waren vor ein paar Monaten). Könnte wenn Sie in die richtige Richtung zeigen.

UPDATE : RTL Unterstützung Berichten zufolge wird deutlich verbessert werden, wenn nicht vollständig umgesetzt, in Ext 4 (aufgrund Q1 2011). Habe es noch nicht gesehen, aber das wurde bei SenchaCon berichtet.

UPDATE September 2012 : RTL hat nicht hat es noch in Ext 4 offiziell als 4,1, aber zuletzt hörte ich es war immer noch auf der Straßenkarte, die möglicherweise für eine später 4.x-Release.

UPDATE April 2013 . RTL gelandet Sehen Sie die Ext 4.2 Intro Blog-Post . Der grundlegende Kern davon ist, dass RTL zu ermöglichen, in 4.2+ Sie wie folgt vor:

• Erfordern die Ext.rtl.* Namespace
• Stellen Sie die rtl: true Config auf Ihre Container / Komponenten - beachten Sie, dass diese Einstellung Kaskaden und von untergeordneten Komponenten überschreibbar ist, was cool ist
• Aktivieren RTL in verschiedenen Schnitten durch die SASS Variable Einstellung: $include-rtl: true;

Ein Beispiel ermöglicht RTL in einer Anwendungskomponente:

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