Mobile 使用Sencha Touch中的按钮处理程序添加面板

我需要一些帮助，我正在Sencha Touch中构建一个应用程序，当按下按钮时，我需要更改容器中停靠的项目。我认为这是改变应用程序内内容的最佳方式（即在页面之间切换）

到目前为止，我有以下代码-

var-App=新的外部应用程序({
名称：'测试'，
useLoadMask：对，
启动：函数（）{
//工具栏
Test.views.toolbar=新建外部工具栏({
id:'工具栏'，
标题：“朋友付费”
});
//内容
Test.views.content=新的外部面板({
id:'内容'，
布局：“适合”，
摘要：[{
cls:'复制'，
html:“复制块”
}, {
xtype:'按钮'，
id:'按钮面板'，
html:“请求付款”，
处理程序：函数（）{
//链接到newBlock面板
}
}]
});
//内容
Test.views.newBlock=新的外部面板({
id:'内容'，
布局：“适合”，
摘要：[{
cls:'复制'，
html:“测试2”
}]
});
//容器
Test.views.container=新的外部面板({
id:'容器'，
布局：“适合”，
dockedItems:[Test.views.toolbar，Test.views.content]
});
//视口-整个屏幕
Test.views.viewport=新的外部面板({
全屏：对，
滚动：‘垂直’，
项目：[测试.视图.容器]
});
}
});

按钮处理程序在function（）标记中需要什么函数才能将容器中的dockedItem更改为newBlock而不是content

非常感谢您的帮助

和

您将内容添加到

dockedItems

中似乎有点奇怪，但您是否需要将它们添加到正常的

项目

集合中？ 无论哪种方式，都可以在中检查

Ext.Panel

的所有可用内容，以熟悉标准组件功能

Test.views.viewport.removeDocked( Test.views.content )
Test.views.viewport.addDocked( Test.views.newBlock )