[英]ExtJS4 rtl toolbar issue
We are upgrading our application to ExtJS4.But we are facing an issue with ExtJS4 toolbar.I want to display the buttons in toolbar as below. 我们正在将应用程序升级到ExtJS4,但是ExtJS4工具栏遇到了问题,我想在工具栏中显示如下按钮。
But i am getting as below.Any one has idea to achieve the format as shown above? 但是我得到如下信息。任何人都有实现上述格式的想法吗?
ExtJS3 code is: 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);
}
});
These ExtJS rtl you can find in the following URL: 您可以在以下URL中找到这些ExtJS rtl:
http://www.sencha.com/forum/showthread.php?78419-Extjs-RTL http://www.sencha.com/forum/showthread.php?78419-Extjs-RTL
But in ExtJS4 it is not working.If anyone has idea,share with us. 但是在ExtJS4中它不起作用。如果有人有想法,请与我们分享。 Help would be appreciated. 帮助将不胜感激。
As i came to know that ExtJS 4 is not yet matured to support RTL. 我知道ExtJS 4尚未成熟到可以支持RTL。 Waiting for RTL Support 等待RTL支持
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.