ExtJS FormPanel в FormPanel завершается с ошибкой "this.body is null"

Question

У меня довольно сложная настройка, сводящаяся к приведенному ниже коду. У меня есть внешняя FormPanel , где я пытаюсь включить компонент, который является подклассом FormPanel . В FF это вызывает ошибку «this.body is null».

Это происходит с кем-то еще? Можно ли заставить это работать? Я очень не хочу касаться подкласса, если мне не нужно.

var test = new Ext.Window({
  title: 'test',
  items: [{
    xtype: 'form',
    items: [{
      // this is where the subclass of FormPanel goes
      xtype: 'form',
      items: [{
        xtype: 'textfield',
        fieldLabel: 'Testing'
      }]
    }]
  }]
});
test.show();

Answer 1

Я не уверен, что это именно ваша проблема, но я знаю, что вы никогда не должны встраивать xtype: 'form' в xtype: 'form'. Если вам нужна функциональность макета, тогда вместо xtype: 'form' используйте xtype: 'panel' с layout: 'form'.

Answer 2

Extjs не мешает вам понимать HTML. Вы не можете иметь вложенные формы.

Answer 3

Я думаю, что это сработало бы, если бы вы добавили что-то (например, скрытое текстовое поле) в первую «форму».

Answer 4

Вы пытаетесь встроить FormPanel в другую FormPanel. Это не будет работать. Я думаю, что вы хотите, это:

var test = new Ext.Window({
  title: 'test',
  items: [{
    xtype: 'form',
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Testing'
    }]
  }]
});
test.show();