2009-10-27 93 views
5

什麼是水平翻轉ExtJS的小組RTL語言恰當的方式,阿拉伯語,希伯來語等..ExtJS的面板方向 - 從右到左

+0

我們需要支持阿拉伯文使用ExtJS的標籤面板。你能發佈你更新的CSS樣式表來支持RTL嗎?謝謝。 – Junne 2010-12-14 19:29:53

回答

10

TL; DR:RTL在分機4.2支持+截至2013年4月。有關詳細信息,請參閱下面的最新更新。

有內置分機此時沒有RTL的支持,雖然許多社區成員與各種成功的解決了這個。如果你的需求是有限的(例如只針對面板內容),那麼最好自己重寫恰當的CSS。如果您需要更完整的RTL支持,您應該直接在Ext論壇中跟其他處理相同問題的用戶進行跟進。

有一個external project爲Ext 3.x添加RTL支持,儘管我不知道它是否處於活動狀態或質量是什麼(上次更新是幾個月前)。可能會指出你在正確的方向。

UPDATE:RTL支持據說將顯著改善,如果沒有充分執行,在分機4(由於Q1 2011)。還沒有看到它,但SenchaCon報道了這一點。

UPDATE 2012年9月:RTL具有但把它做成分機4正式爲4.1,但後來我聽見它仍然在路線圖上,可能是以後的4.x的版本。

UPDATE Apr 2013RTL已經降落。有關詳細信息,請參閱Ext 4.2 intro blog post。它的基本精神是,以使RTL在4.2+您執行以下操作:

  • 要求的Ext.rtl.*命名空間
  • 你的容器/組件設置rtl: true配置 - 注意,此設置級聯並覆寫投放由子組件,這是涼爽
  • 通過設置SASS變量在樣式啓用RTL:$include-rtl: true;

在一個應用程序組件使RTL的一個例子:

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

是的,看來RTL支持是EXT fourms中的熱門話題。無論如何,結束寫我自己的CSS樣式表來支持RTL。我會嘗試調整它並通過網絡發佈,也許對某個人有幫助! – 2010-01-07 09:52:58