ExtJS orientación del panel - de derecha a izquierda

Question

¿Cuál es la forma adecuada para voltear un panel ExtJs horizontalmente para idiomas RTL, árabe, hebreo, etc ..

Answer 1

TL; DR: RTL se apoya en Ext 4.2 + a partir de abril de 2013. Consulte la última actualización a continuación para obtener más información.

No hay soporte RTL integrado en Ext en este momento, aunque muchos miembros de la comunidad han abordado esto con varios éxitos. Si sus necesidades son limitadas (solo para los contenidos del Panel, por ejemplo), probablemente sea mejor simplemente anular el CSS apropiado. Si necesita un soporte de RTL más completo, probablemente deba realizar un seguimiento directamente en los foros de Ext con otros usuarios que se ocupan de los mismos problemas.

Hay un external project para agregar soporte RTL a Ext 3.x, aunque no tengo idea si está activo o cuál es la calidad (las últimas actualizaciones fueron hace unos meses). Sin embargo, podría señalarte en la dirección correcta.

ACTUALIZACIÓN: el apoyo RTL informa, se mejorará de manera significativa, si no se han aplicado plenamente, en Ext 4 (debido Q1 2011). Todavía no lo he visto, pero eso fue informado en SenchaCon.

ACTUALIZACIÓN Sept 2012: RTL tiene aún no lo hizo en 4 Ext oficialmente como de 4,1, pero lo último que oí que todavía estaba en la hoja de ruta, posiblemente para un lanzamiento 4.x después.

ACTUALIZACIÓN abr 2013: RTL ha aterrizado. Vea el Ext 4.2 intro blog post para más detalles. La esencia básica de esto es que para habilitar RTL en 4.2 y versiones posteriores de hacer lo siguiente:

• Exigir el espacio de nombres Ext.rtl.*
• Establecer la configuración rtl: true en sus recipientes/componentes - Observe que este ajuste se puede anular y cascadas por componentes secundarios, que es fresca
• habilitar RTL en estilos estableciendo la variable SASS: $include-rtl: true;

un ejemplo de permitir RTL en un componente de aplicación:

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