В приложении ниже я пытаюсь добавитьidСгенерированные элементы динамически. Мой код работает нормально, но когда я добавляю в него две закомментированные строки ниже. Выдает ошибку

Uncaught Ext.AbstractManager.register (): Регистрация дублированного идентификатора "73" с этим менеджером

Когда я попытался выяснить источник ошибки, я обнаружил, что код работает нормально до выполнения81 идентификаторы (console.log(_idGen)). Из этого ясно, что ошибка связана с исключением вне диапазона. (9 * 9 = 81), а такжетолько в скрипкеКогда я добавляю текст HTML на дочерние панели, я узнал, что они находятся между73 to 81??(вместо1 to 81) что меня смущает, то как?

FIDDLE

Ext.onReady(function(){
  var _idGen = 1;
  var childItems = [], items = [];

  for (var i = 0; i < 9; i++) {
    childItems.length = 0;
    for (var j = 0; j < 9; j++) {
       childItems.push({
           xtype: 'panel',
 /****************************/
           id: _idGen,
           html: _idGen + "",
 /****************************/
           width: 50,
           height: 50,
           style: {borderWidth: '1px'}
       });
       console.log(_idGen);
/*****************************/
       _idGen++;
/*****************************/
    }
    items.push({
        xtype: 'panel',
        layout: {
            type: 'table',
            columns: 3
        },

        items: childItems
    });
  }
  Ext.create('Ext.container.Container', {
     layout: {
        type: 'table',
        // The total column count must be specified here
        columns: 3
     },
     renderTo: Ext.getBody(),    
     style: {width: '455px',marginLeft: 'auto',marginRight: 'auto', marginTop: '30px'},
     items: items
  });

});