动态创建Ext.panel

Question

在我的应用程序中，我在Json中收到了一些对象。 我想创建一个显示单个对象的面板。 如果我收到2个对象，则用他的内容创建2个面板，如果我收到100个：100个面板。

我尝试将for与.add和.doLayout一起使用，但从未显示任何面板。 在我的控制台中显示面板的创建，但是从不渲染到我的主要面板container 。 我在做什么错？

那就是我的代码：

success : function(response) {
    var jsonResp = Ext.util.JSON
            .decode(response.responseText);
    //              Ext.Msg.alert("Info", "UserName from Server : " + jsonResp.message);

    // Limpiamos el array para tener solo las propiedades que se usarán
    jsonResp.forEach(function(currentItem) {
        delete currentItem["cls"];
        delete currentItem["estandar"];
        delete currentItem["iconCls"];
        delete currentItem["leaf"];
        delete currentItem["objetivo"];
        delete currentItem["observaciones"];
        delete currentItem["porcentaje"];
        delete currentItem["salvaguardas"];
        delete currentItem["tieneDocs"];
        delete currentItem["tipoNombre"];
        delete currentItem["responsable"];
        delete currentItem["responsableId"];
        delete currentItem["idReal"];
        delete currentItem["tipoNombre"];
        delete currentItem["tipo"];
        delete currentItem["calculado"];
        delete currentItem["text"];
    });
    var children = [];
    console.log(jsonResp);
    var sumarvariable = 0;
    //add children to panel at once
    for ( var i in jsonResp) {
        if (i < jsonResp)
            var panel = new Ext.Panel({
                id : 'pregunta' + sumarvariable,
                html : sumarvariable

            })
        console.log(panel)
        Ext.getCmp("contenedor").add(panel);
        Ext.getCmp("contenedor").doLayout();
        sumarvariable++;
    }
},

Answer 1

改变这种状况并使用.forEach像你使用你的jsonResp.forEach你的第二个评论下。 此代码创建一个面板并将其添加到“ contenedor”中。

            //Create Panel with every object
            var i = 0;
            jsonResp.forEach(function(currentItem) {
                i++;
                var panel = new Ext.Panel({
                    id: 'jsonObject' + i,
                    html: 'Object' + i
                })
                //Add to your object "contenedor"
                Ext.getCmp("contenedor").add(panel);
            });
            //Force reload and shows every panel
            Ext.getCmp("contenedor").doLayout();