0

既存のアプリにスライド ナビゲーションhttp://innofied.com/simplest-slide-navigation-with-sencha-touch-2-2/を統合しましたが、リストの下に画像、いくつかのボタン、およびテキストを追加したい.

これが私のナビゲーションビューの完全なコードです。

Ext.define('myapp.view.Navigation', {
    extend: 'Ext.List',
    alias: 'widget.navigation',
    xtype: 'navigation',
    requires : ['Ext.data.Store'],

    config: {
        cls : 'nav-list',
        onItemDisclosure : true,
        items: [{               
            xtype: 'list',
            store: {
                fields: ['title', 'event'],
                data : []
            },
            itemTpl: new Ext.XTemplate( '{title}' )
        }]
    },


    initialize: function() {

        userJson = localStorage.getItem('userJson');

        var user = Ext.JSON.decode(userJson);
        console.log(user);
        if(user.id != ''){
            var first = user.name.trim().split(" ")[0];
            console.log(first);
            this.callParent(arguments);
            this.down('list').getStore().add([{title: 'Home', event: 'loadDashboard' } ]); 
            this.down('list').getStore().add([{title: first, event: 'loadProfile' } ]);


        }


    },
});

それを達成することは可能ですか？

申請の流れは次のとおりです。

ログインに成功すると、ユーザーはダッシュボードにリダイレクトされます。左側 (ツールバー) にリスト アイコン ボタンを追加し、スライドしてナビゲーション ビューを表示します。

4

1 に答える 1

0

別のコンポーネントを使用できます。Ext.List である必要はありません。項目の 1 つでリストを含む hbox パネルを使用できます。たとえば、https ://github.com/azche/slidenav のように、リストの代わりにネストされたリストを持つように git でフォークしました。

それが役に立てば幸い-

于 2013-10-01T12:39:10.770 に答える