动态填充每个选项卡中的选项卡和表单

时间:2015-04-29 10:26:57

标签: json extjs dynamic panel tabbed

我从服务器提取数据,我需要创建选项卡数量并以每个选项卡的形式填充数据。

例如: 如果我的数据有两个名为' x'并且' y'然后我需要创建两个选项卡(表单面板,表示选项卡内的字段,相同),然后我需要用适当的数据填充这些字段。

填充数据很好,但我需要知道如何根据我得到的JSON对象动态添加标签。我将从JSON对象获取的选项卡的名称。

修改: JSON看起来像这样:

{
    ..
    events : {
        'X JOINED' : {
            ..
        }
        'Y JOINED' : {
            ..
        }
    }
}

现在我需要两个名为' X JOINED'并且' Y加入'用' ..'将数据填入选项卡内。

2 个答案:

答案 0 :(得分:0)

如果您有tabpanel,则可以使用方法add添加新标签。

要知道对象的名称,只需在从JSON获取的对象上使用js keys方法。

它看起来像那样:

for(var prop in myObject)
    myTabPanel.add(Ext.define("tab", {title: prop}));

答案 1 :(得分:0)

你有JSON对象的样本吗?