javascript - 动态添加标签到面板不会刷新面板

Question

我有循环:

for (var key in myMap) {
                          if (myMap.hasOwnProperty(key)) {
                              propertiesPanel.add(new Ext.form.Label({
                                  text: key+':'+myMap[key]
                              }));
                              propertiesPanel.doLayout();

                          }
                        }

但是如果我在 hashmap myMap 中有 500 个键，它会将所有标签添加到面板，并最终发生刷新过程。但我希望看到逐渐添加的过程。我该怎么做？

Answer 1

尝试使用递归函数代替循环

addFields(500); //Adding 500 fields
fieldsAdded = 0
addFields = function(fieldCount) {
    propertiesPanel.add(new Ext.form.Label({
        text: 'Some text'
    }));
    propertiesPanel.doLayout();
    fieldsAdded++;
    if (fieldsAdded < fieldCount) {
        Ext.Function.defer(function() {
            addFields(fieldCount)
        }, 100, this);
    }
}