ExtJs Ext.define 怎么通过ajax获取数据显示在前台？

[dongquestion]

代码如下：
Ext.define('HT.view.west', {
extend: 'Ext.panel.Panel',
title: '管理目录',
alias: 'widget.west',
collapsible: true,
split: true,
width: 200,
layout: 'accordion',
region: 'west',
layoutConfig: {
titleCollapse: true,
animate: true,
activeOnTop: true
},
items: [
{
title: 'BBS交流',
items: [
{
xtype: 'button',
width: 200,
id: 'companyNotice',
text: '公司通告'
}, {
xtype: 'button',
width: 200,
id: 'saleExchange',
text: '销售交流'
}, {
xtype: 'button',
width: 200,
id: 'industryCase',
text: '行业案例'
}, {
xtype: 'button',
width: 200,
id: 'technicalSupport',
text: '技术支持'
}
]
}
],
}
items是重点。
我要通过ajax获取到数据，然后在前台展示出来。
求高手帮忙！！！

[斯洛文尼亚旅游]

add方法而已，如果往panel的bbs栏目添加需要调用下xx.items.get(0).add()

        p = Ext.create('HT.view.west', { renderTo: document.body });

        p.add({ title: '新增栏目', items: [{xtype:'button',width:200,text:'新增栏目子菜单'}] });
        p.items.get(0).add({title:'bbs子栏目'});

[dongquestion]

使用的是ExtJs4.1

[lzpggg]

简单的事情，在beforerender里ajax，然后add(items)然后doLayout()即可

var panel = Ext.create('Ext.panel.Panel', {
  title: 'Hello World',
  layout{ type: 'accordion' },
  renderTo: Ext.getBody()
});
var items = [{title:"123", html:"123"},{title:"456", html:"456"}];
panel.add(items);

[loveunittesting]

自己代码查询数据，然后setValue，这又什么不同嘛？