extjs3.x怎么动态实现accordion布局，求高手指教

Question

Ext.BLANK_IMAGE_URL='../resources/images/default/s.gif';Ext.onReady(function(){
var accordion = new Ext.Panel({
region: 'west',
margins: '5 0 5 5',
split: true,
width: 210,
height: '100%',
layout: 'accordion',
        items: [
         {title: '凭证', html: '<span>node4</span>', cls: 'empty'},
         {title: '档案', html: '<span>node4</span>', cls: 'empty'},
         {title: '管理', html: '<span>node4</span>', cls: 'empty'},
         {title: '查询', html: '<span>node4</span>', cls: 'empty'}
        ]
});
/*Ext.Ajax.request({
url: '/user/findByOrgan.do',
method: 'post',
success: function(response) {
var data = Ext.util.JSON.decode(response.reponseText);
for (var i = 0; i < data.length; i++) {
accordion.add(new Ext.Panel({
id: data[i].id,
title: data[i].organType
}));
}
}
});*/

var viewport = new Ext.Viewport({
width: '100%',
        height: '100%',
        layout: "border",
        items: [accordion,{region: 'center'}]
});

});