اتجاه لوحة ExtJS - من اليمين إلى اليسار

Question

ما هي الطريقة المناسبة لقلب لوحة ExtJs أفقيًا للغات RTL والعربية والعبرية ..إلخ

Answer 1

ليرة تركية؛ د:يتم دعم RTL في Ext 4.2+ اعتبارًا من أبريل 2013.راجع التحديث الأخير أدناه للحصول على التفاصيل.

لا يوجد دعم RTL مدمج في Ext في الوقت الحالي، على الرغم من أن العديد من أعضاء المجتمع قد تعاملوا مع هذا الأمر بنجاحات مختلفة.إذا كانت احتياجاتك محدودة (فقط لمحتويات اللوحة على سبيل المثال)، فمن الأفضل أن تقوم ببساطة بتجاوز CSS المناسب بنفسك.إذا كنت بحاجة إلى دعم RTL أكثر اكتمالاً، فمن المحتمل أن تتابع مباشرة في منتديات Ext مع مستخدمين آخرين يتعاملون مع نفس المشكلات.

هناك مشروع خارجي لإضافة دعم RTL إلى Ext 3.x، على الرغم من أنه ليس لدي أي فكرة عما إذا كان نشطًا أو ما هي الجودة (آخر التحديثات كانت قبل بضعة أشهر).قد يوجهك في الاتجاه الصحيح بالرغم من ذلك.

تحديث:دعم RTL يقال سيتم تحسينها بشكل كبير، إذا لم يتم تنفيذها بالكامل، في التحويلة 4 (المقرر في الربع الأول من عام 2011).لم أره بعد، ولكن تم الإبلاغ عن ذلك في SenchaCon.

تحديث سبتمبر 2012:لقد RTL لا ومع ذلك، فقد تم تحويله إلى Ext 4 رسميًا اعتبارًا من 4.1، ولكن آخر ما سمعته هو أنه لا يزال على خريطة الطريق، ربما لإصدار لاحق 4.x.

تحديث أبريل 2013: لقد هبطت RTL. انظر تحويلة 4.2 مشاركة مدونة مقدمة للتفاصيل.الجوهر الأساسي لذلك هو أنه لتمكين RTL في الإصدار 4.2+، عليك القيام بما يلي:

• تتطلب Ext.rtl.* مساحة الاسم
• تعيين rtl: true config على الحاويات/المكونات الخاصة بك - لاحظ أن هذا الإعداد يتسلسل ويمكن تجاوزه بواسطة المكونات الفرعية، وهو أمر رائع
• تمكين RTL في الأنماط عن طريق تعيين متغير SASS: $include-rtl: true;

مثال لتمكين RTL في مكون التطبيق:

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