开发者

ExtJS4 rtl toolbar issue

开发者 https://www.devze.com 2023-03-24 08:00 出处:网络
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.

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 rtl toolbar issue

But i am getting as below.Any one has idea to achieve the format as shown above?

ExtJS4 rtl toolbar issue

ExtJS3 code is:

// 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:

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

But in ExtJS4 it is not working.If anyone has idea,share with us. Help would be appreciated.


As i came to know that ExtJS 4 is not yet matured to support RTL. Waiting for RTL Support

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号