Tabs 使用动态JSON数据的Sencha Touch选项卡面板

在我的应用程序中，第一页底部显示一个选项卡面板。但是选项卡的数量、标签和图标都是来自json请求的动态内容。我想知道怎么做。这是我试过的

TMDemo = new Ext.Application({
name: 'TMDemo',
launch: function(){
    this.views.mainTabBar = new this.views.MainTabBar();

}

}))

}))

这里的tabbar数据来自tabbar.json（虚拟数据实际是一些URL）。我通过addItemsBasedOnJsonData（）函数将项添加到此选项卡面板，该函数将创建选项卡项并返回数组。 但问题是呈现事件总是先触发，然后是JSON请求回调，因此没有jsondata可用于动态创建选项卡。 请把我引向正确的方向。这一方法是否正确。能给我举个例子吗

塔伦

你试过这个吗：

callback: function(result) {
         console.log("Inside callback");    
         TMDemo.tabBarData = result;
         TMDemo.views.mainTabBar.add(TMDemo.views.mainTabBar.addItemsBasedOnJsonData());

 }

你试过这个吗：

callback: function(result) {
         console.log("Inside callback");    
         TMDemo.tabBarData = result;
         TMDemo.views.mainTabBar.add(TMDemo.views.mainTabBar.addItemsBasedOnJsonData());

 }

---

添加项目后，我通过一个分发电话尝试了这一点。tabbar数据可用，但选项卡没有正确呈现，我的意思是css被弄乱了。回调：函数（结果）{console.log（“内部回调”）；TMDemo.tabBarData=result；TMDemo.views.mainTabBar.add（TMDemo.views.mainTabBar.addItemsBasedOnJsonData（））；TMDemo.views.mainTabBar.doLayout（）}我也尝试了doComponentLayout，但这也有同样的效果，而且也没有显示第一个选项卡内容。这很奇怪。尝试在回调中实际创建整个选项卡面板……不过你不应该这样做。你能用你的Json数据和addItemsBasedOnJsonData方法更新你的问题吗？基本上每当我从callbak函数调用add item时，选项卡都不会正确呈现。选项卡栏元素高度呈现为1pxI在添加项目后通过doLayout调用尝试此操作。tabbar数据可用，但选项卡没有正确呈现，我的意思是css被弄乱了。回调：函数（结果）{console.log（“内部回调”）；TMDemo.tabBarData=result；TMDemo.views.mainTabBar.add（TMDemo.views.mainTabBar.addItemsBasedOnJsonData（））；TMDemo.views.mainTabBar.doLayout（）}我也尝试了doComponentLayout，但这也有同样的效果，而且也没有显示第一个选项卡内容。这很奇怪。尝试在回调中实际创建整个选项卡面板……不过你不应该这样做。你能用你的Json数据和addItemsBasedOnJsonData方法更新你的问题吗？基本上每当我从callbak函数调用add item时，选项卡都不会正确呈现。选项卡栏元素高度渲染为1px