ExtJS bảng điều khiển định hướng - Right-To-Left

Question

cách thích hợp để lật một ExtJs Bảng điều chỉnh theo chiều ngang cho các ngôn ngữ RTL là gì, tiếng Ả Rập, tiếng Hebrew .. vv

Answer 1

TL; DR: RTL được hỗ trợ trong Ext 4.2 + kể từ tháng 4 năm 2013. Xem cập nhật cuối cùng bên dưới để biết chi tiết.

Không có hỗ trợ RTL được tích hợp vào Ext tại thời điểm này, mặc dù nhiều thành viên cộng đồng đã giải quyết vấn đề này với nhiều thành công khác nhau. Nếu nhu cầu của bạn bị giới hạn (chỉ với nội dung của Panel), có lẽ tốt nhất là bạn chỉ cần ghi đè lên CSS thích hợp. Nếu bạn cần hỗ trợ RTL hoàn chỉnh hơn, có thể bạn nên theo dõi trực tiếp trong diễn đàn Ext với những người dùng khác đang xử lý các vấn đề tương tự.

Có external project để thêm hỗ trợ RTL vào Ext 3.x, mặc dù tôi không biết liệu nó có hoạt động hay chất lượng (cập nhật lần cuối vài tháng trước). Có thể chỉ cho bạn đi đúng hướng.

CẬP NHẬT: RTL hỗ trợ báo sẽ được cải thiện đáng kể, nếu không thực hiện đầy đủ, trong Ext 4 (Q1 do năm 2011). Chưa nhìn thấy nó, nhưng đã được báo cáo tại SenchaCon.

CẬP NHẬT tháng 9 năm 2012: RTL có không chưa làm cho nó vào Ext 4 chính thức như là 4,1, nhưng cuối cùng tôi nghe thấy nó vẫn còn trên bản đồ đường, có thể cho một thông cáo 4.x sau đó.

CẬP NHẬT Tháng 4 năm 2013: RTL đã hạ cánh. Xem Ext 4.2 intro blog post để biết chi tiết. Ý chính cơ bản của nó được mà để cho phép RTL trong 4.2 trở lên bạn làm như sau:

• Yêu cầu các Ext.rtl.* namespace
• Đặt rtl: true cấu hình trên container của bạn/linh kiện - lưu ý rằng thiết lập này thác và ghi đè bởi các thành phần con, đó là mát mẻ
• Enable RTL trong phong cách bằng cách thiết lập các biến Sass: $include-rtl: true;

một ví dụ về phép RTL trong một thành phần ứng dụng:

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