Question

用ExtJS绑定Accordion面板这样做错在哪里？

Ext.create("Ext.panel.Panel", {
width: 300,
height: 300,
renderTo: Ext.getBody(),
layout: { type: "accordion" },
items: [
{ title: "面板1" },
{ title: "面板2" },
{ title: "面板3" }
]
});
此代码来自《ExtJS权威指南》

Answer 1

//-------------------------------------------面板1
var item1 = Ext.create('Ext.Panel', {
title: '面板1',
html: '面板1'
});
//-------------------------------------------面板2
var item2 = Ext.create('Ext.Panel', {
title: '面板2',
html: '面板2'
});
//-------------------------------------------面板3
var item3 = Ext.create('Ext.Panel', {
title: '面板3',
html: '面板3'
});
Ext.onReady(function(){
//-------------------------------------------viewport
Ext.create('Ext.Viewport', {
layout: 'border',
items: [{
layout: 'accordion',
width: 275,
region: 'west',
items: [item1, item2, item3]
}],
renderTo: Ext.getBody()
});
});