ExtJS 4.2.3设置面板折叠动画方向

Question

我正在使用ExtJS 4.2.3

我需要一个面板来折叠，并带有左右方向的动画。

hbox容器中有2个面板。

这是我如何调用崩溃

var me = this,
            direction = NG.isRTL() ? Ext.Component.DIRECTION_LEFT : Ext.Component.DIRECTION_RIGHT;

        me.collapse(direction);

无论我为方向字段传递什么，我都会让动画从右到左运行。 （反过来我需要它）

我在网上搜索过它，但似乎没有人谈论它。

请查看我附上的图片，我已经在中途拍摄了动画。

更新：

这是一个演示我正在谈论的内容的小提琴： example

Answer 1

看起来可能存在错误，请参阅https://fiddle.sencha.com/#fiddle/j4p。但是，如果您希望右侧的可折叠面板向右折叠，则应使用边框布局。见https://fiddle.sencha.com/#fiddle/j4q

＆＃13;

＆＃13;

Ext.create('Ext.panel.Panel', {
    width: 500,
    height: 200,
    title: 'Border Layout',
    layout: 'border',
    items: [{
        title: 'South Region is resizable',
        region: 'south', 
        height: 75,
        split: true
    },{
        title: 'East Region is collapsible',
        region:'east',
        width: 100,
        collapsible: true,
    },{
        title: 'West Region is collapsible',
        region:'west',
        width: 100,
        collapsible: true,
    },{
        title: 'Center Region',
        region: 'center',     // center region is required, no width/height specified
        xtype: 'panel'
    }],
    renderTo: Ext.getBody()
});

＆＃13;

<link href="http://docs-origin.sencha.com/extjs/4.2.2/styles-3eba09980fa05ead185cb17d9c0deb0f.css" rel="stylesheet"/>
<link href="http://docs-origin.sencha.com/extjs/4.2.2/resources/css/app-4689d2a5522dcd3c9e9923ca59c33f27.css" rel="stylesheet"/>
<script src="http://docs-origin.sencha.com/extjs/4.2.2/extjs/ext-all.js"></script>

＆＃13;

＆＃13;

＆＃13;