ExtJs：为具有许多字段的复杂表单选择哪种布局

Question

我需要在extjs中实现一个大的复杂形式。 此表格包含大约20行，每行有5-6个字段。这些行中有文本字段，组合和仅显示字段。

我使用'form'布局为父面板实现了它。并为每行提供'hbox'布局面板。为了显示字段标签，我必须再次将每个字段包装到具有表单布局的面板中。 它甚至听起来很可怕，你能想象这个烂摊子吗？我觉得我做错了。

需要建议如何以正确的方式做到这一点！

更新：请查看我想要获得的布局示例。

Answer 1

我使用layout: 'column'相当多。然后你可以告诉每个字段每个字段应该有多少columnWidth。当宽度加起来超过1时，字段将换行到下一行。

对于截图，所有这些都是三分之一的列宽，所以你可以这样做：

  Ext.create('Ext.panel.Panel', {
    layout: 'column',
    defaults: {columnWidth: 0.3},
    items: [{
      xtype: 'textfield'
    },{
       ...
    }]
  });

Answer 2

您可以使用内置的FieldContainer小部件（extjs4）或panel小部件（extjs3），而不是将每行包裹在Ext.form.CompositeField中。