ExtJS navigationview UI组件

发布时间 2023-04-11 11:54:52作者: 重庆熊猫

ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html
转载请注明出处:https://www.cnblogs.com/cqpanda/p/17181663.html

更新记录
2023年1月5日 初始化。

NavigationView is basically a Ext.Container with a Ext.layout.Card layout, so only one view can be visible at a time. However, NavigationView also adds extra functionality on top of this to allow you to push and pop views at any time.

{
    xtype: 'navigationview',
    id: 'navigationviewId',
    width: 300,
    height: 300,
    items: [
        {
            title: 'First',
            items: [
                {
                    xtype: 'button',
                    text: 'Push a new view!',
                    handler: function() {
                        // use the push() method to push another view. It works much like
                        // add() or setActiveItem(). it accepts a view instance, or you can give it
                        // a view config.
                        let navigationview = Ext.ComponentQuery.query('#navigationviewId')[0];
                        navigationview.push({
                            title: 'Second',
                            html: 'Second view!'
                        });
                    }
                }
            ]
        }
    ]
}