Question

extjs accordion 导航菜单如何实现

如上图，我是用coolite中的menuitem静态制作的个人办公中子菜单。现在，我在学习如何使用extjs布局，不知道该如何实现，请高手帮忙，下面是我写的west的代码
var west = new Ext.Panel({
title:"西方",
region:"west",
height:200,
split:true,
collapsible:true,
//collapMode:"mini",
width:160,
layout:'accordion',
items:[{title:'个人办公',items:[{menuitem:new Ext.menu.Item({shadow:'string',items:[{text:'个人信息'}] })}]},{title:'教务管理',html:'aaaa'},{title:'团务管理'}]
});

Answer 1

Ext.create('Ext.panel.Panel', {
    title: 'Accordion Layout',
    width: 300,
    height: 300,
    defaults: {
        // applied to each contained panel
        bodyStyle: 'padding:15px'
    },
    layout: {
        // layout-specific configs go here
        type: 'accordion',
        titleCollapse: false,
        animate: true,
        activeOnTop: true
    },
    items: [{
        title: 'Panel 1',
        html: 'Panel content!'
    },{
        title: 'Panel 2',
        html: 'Panel content!'
    },{
        title: 'Panel 3',
        html: 'Panel content!'
    }],
    renderTo: Ext.getBody()
});

这是官网的。