0
我們正在將我們的應用程序升級到ExtJS4.But我們正面臨着ExtJS4工具欄的問題。我想要在工具欄中顯示按鈕,如下所示。ExtJS4 rtl工具欄問題
但我正在逐漸爲below.Any一個有想法實現的格式,如上圖所示?
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人有想法,與我們分享。 幫助,將不勝感激。
請添加您的代碼請 –
是的我已經添加了代碼,在extjs3.please看看。 – Unknown
從未使用這種方法來製作工具欄。你是否已經嘗試了'for(var i = items.length-1,c; i> = 0; i--,pos ++)'? –