Extjs4 Extjs 4将工具栏添加到面板dockeditems运行时

我想在创建面板后创建dockedItem工具栏：

Ext.onReady(function() {
    Ext.create('Ext.container.Viewport', {
        layout: 'border',
        items: [{
            region: 'center',
            xtype: 'panel',
            listeners: {
                afterrender: function(panel) {
                    //Below gives: Uncaught TypeError: Object #<Object> has no method 'getItemId'
                    panel.dockedItems.add({
                        xtype: 'toolbar',
                        dock: 'bottom',
                        items: [{
                            text: 'adfsadf'
                        }]
                    });
                }
            }
        }, {
            region: 'west',
            title: 'west',
            html: 'west',
            width: 120
        }, {
            region: 'east',
            title: 'east',
            html: 'east',
            width: 120
        }, {
            region: 'north',
            html: 'north',
            title: 'north',
            height: 60
        }, {
            region: 'south',
            html: 'south',
            title: 'south',
            height: 60
        }]
    });
});

Ext.onReady（函数（）{
Ext.create（'Ext.container.Viewport'{
布局：“边框”，
项目：[{
地区：'中心'，
xtype:'面板'，
听众：{
afterrender:函数（面板）{
//下面给出：未捕获的TypeError:对象#没有方法“getItemId”
panel.dockditems.add({
xtype:'工具栏'，
船坞：“底部”，
项目：[{
文本：“adfsadf”
}]
});
}
}
}, {
地区：'西部'，
标题:"西部",，
html:'西部'，
宽度：120
}, {
地区：'东'，
标题:"东方",，
html:'东'，
宽度：120
}, {
地区：'北'，
html:'北'，
标题:"北方",，
身高：60
}, {
地区：'南'，
html:'南'，
标题:"南方",，
身高：60
}]
});
});

错误是：

Uncaught TypeError: Object #<Object> has no method 'getItemId'

uncaughttypeerror:对象#没有方法“getItemId”

---

有什么办法吗？

没关系。。。比我想象的要简单

解决方案：

panel.addDocked({ ... });