Question

我已在现有应用中集成了幻灯片导航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' } ]);


        }


    },
});

有可能实现吗？

申请流程为：

成功登录后，用户被重定向到仪表板，我在左侧（工具栏）添加了一个列表图标按钮，可以滑动并显示导航视图。

Answer 1

您可以使用其他组件。它不必是Ext.List，您可以使用其中一个项目中包含列表的hbox面板。例如，我在git中将它分叉以具有嵌套列表而不是列表：https://github.com/azche/slidenav。

希望有所帮助 -

Sencha触摸，在视图上添加图像，按钮和列表

1 个答案: