当前位置：文江博客话题详情

ExtJs：对于具有多个字段的复杂表单选择哪种布局

发布于 2024-12-01 05:24:08 字数 305 浏览 3 评论 0原文

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

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

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

更新：请检查我想要获取的布局示例。

在此处输入图像描述

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

遮了一弯 2024-12-08 05:24:08

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

对于您的屏幕截图，所有列的宽度都是三分之一，因此您可以执行以下操作：

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

I use layout: 'column' quite a bit. Then you can tell each field how much of a columnWidth each one should have. When the widths add up to over 1, the fields wrap to the next line.

For your screenshot, all of them are a column width of a third, so you could do something like this:

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

回复收藏 0 原文