左侧导航点击伸缩
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <link href="Ext/resources/css/ext-all.css" rel="stylesheet" /> <link href="Ext/example.css" rel="stylesheet" /> <script src="Ext/ext-all.js"></script> <script src="Ext/ext-lang-zh_CN.js"></script> </head> <body> <script> var viewport = new Ext.Viewport({ layout: 'border',//表示使用BorderLayout的布局方式，边界布局，页面分成东西南北中5部分 items: [ { region: 'west', width: 200, layout: 'accordion', layoutConfig: { titleCollapse: true, animate: true, activeOnTop: false }, items: [{ title: '第一栏', html: '第一栏' },{ title: '第二栏', html: '第二栏' },{ title: '第三栏', html: '第三栏' }, { region: 'center', split: true, border:true }] }, ] }); </script> </body> </html> 转载请标明出处:ext.js
文章来源: https://blog.csdn.net/qq_43251202/article/details/90751829