2011-08-02 133 views
0

我們正在將我們的應用程序升級到ExtJS4.But我們正面臨着ExtJS4工具欄的問題。我想要在工具欄中顯示按鈕,如下所示。ExtJS4 rtl工具欄問題

picture1

但我正在逐漸爲below.Any一個有想法實現的格式,如上圖所示?

picture2

ExtJS3代碼:

// Toolbar 
Ext.override(Ext.layout.ToolbarLayout ,{ 
    onLayout : function(ct, target){ 
     if(!this.leftTr){ 
      target.addClass('x-toolbar-layout-ct'); 
      target.insertHtml('beforeEnd', 
       '<table cellspacing="0" class="x-toolbar-ct"><tbody><tr><td class="x-toolbar-right" align="right"><table cellspacing="0"><tbody><tr class="x-toolbar-right-row"></tr></tbody></table></td><td class="x-toolbar-left" align="left"><table cellspacing="0" class="x-toolbar-left-ct"><tbody><tr><td><table cellspacing="0"><tbody><tr class="x-toolbar-left-row"></tr></tbody></table></td><td><table cellspacing="0"><tbody><tr class="x-toolbar-extras-row"></tr></tbody></table></td></tr></tbody></td></tr></tbody></table>'); 
      this.leftTr = target.child('tr.x-toolbar-left-row', true); 
      this.rightTr = target.child('tr.x-toolbar-right-row', true); 
      this.extrasTr = target.child('tr.x-toolbar-extras-row', true); 
     } 
     var side = this.rightTr; 
     var pos = 0; 

     var items = ct.items.items; 
     for(var i = 0, len = items.length, c; i < len; i++, pos++) { 
      c = items[i]; 
      if(c.isFill){ 
       side = this.leftTr; 
       pos = -1; 
      }else if(!c.rendered){ 
       c.render(this.insertCell(c, side, pos)); 
      }else{ 
       if(!c.xtbHidden && !this.isValidParent(c, side.childNodes[pos])){ 
        var td = this.insertCell(c, side, pos); 
        td.appendChild(c.getDomPositionEl().dom); 
        c.container = Ext.get(td); 
       } 
      } 
     } 
     //strip extra empty cells 
     this.cleanup(this.leftTr); 
     this.cleanup(this.rightTr); 
     this.cleanup(this.extrasTr); 
     this.fitToSize(target); 
    } 
}); 

這些ExtJS的RTL您可以在以下網址找到:

http://www.sencha.com/forum/showthread.php?78419-Extjs-RTL

但在ExtJS4它不是working.If人有想法,與我們分享。 幫助,將不勝感激。

+0

請添加您的代碼請 –

+0

是的我已經添加了代碼,在extjs3.please看看。 – Unknown

+0

從未使用這種方法來製作工具欄。你是否已經嘗試了'for(var i = items.length-1,c; i> = 0; i--,pos ++)'? –

回答

0

當我開始知道ExtJS 4尚未成熟以支持RTL。等待RTL支持