0

コンテナ（レイアウトはHBox）を持っていて、その左側にあるパネルを動的にスライドインしたいと思います（パネルは全画面幅を使用しませんが、たとえばその1/3を使用します）。

動作させることができません。

これが私が試したことです：

Ext.define('MegatheriumProject.view.MainContainer', {
    extend: 'Ext.Container',
    alias: 'widget.maincontainerview',
    requires: ['Ext.Container', 'Ext.TitleBar'],


    config: {
            layout: {
                    type: 'hbox',
                    animation: {
                            type: 'slide', 
                            direction: 'right'
                    }
            },
            items: [
                    {
                            flex: 3,
                            xtype: 'titlebar',
                            title: 'Megatherium',
                            docked: 'top',
                            items: [
                                    // some items
                            ]
                    }
            ],
            // some other configuration, listeners aso

これは、コンテナにスライドするナビゲーションパネルです。

Ext.define('MegatheriumProject.view.NavigationPanel', {
    extend: 'Ext.form.Panel',
    alias: 'widget.navigationpanelview',
    requires: ['Ext.form.Panel'],

    config: {
        flex: 1,
        // some other config

そして、これは私がそれを追加しようとする方法です：

showNavigation: function() {
    this.getMainContainerView().add(this.getNavigationPanelView());
},

...しかし、表示されてもアニメーション化されず、フレックスを使用していないことが判明しました。

何か助けはありますか？

よろしくお願いします、

マーティン

4

2 に答える 2

1

これを行う方法は次のとおりです。

http://www.senchafiddle.com/#Qh35F

これがお役に立てば幸いです

于 2012-11-21T20:14:05.447 に答える
0

TDeBailleulのおかげで、それはそのように機能しますが、私が望む正確なことではありません;）。

タイトルバーもアニメーション化してスクロールして外したかったのです。

wnielsonによるナビゲーションサイドバーは私のためにそれをしました:)。

于 2012-11-22T14:53:10.717 に答える