Vaadin 瓦丁设计师：网格布局不可用？

我发现Vaadin Designer中的网格布局非常糟糕

问题：有人在使用它吗？你有什么建议给我吗

背景：我正在将一个应用程序从ASP.NET移植到Vaadin。在VisualStudio中，有大量表单是通过HTML表布局的（请参见屏幕截图）

我面临的一些问题：

• 在网格布局中移动标签和字段之后，我突然在设计源代码中得到了colspan/rowspan，如
  ，当这种情况发生时，游戏结束了
• 我无法插入或删除行或列
• 行span/colspan属性在设计器属性中不可见
• 我无法选择多个组件（因此不会批量更改属性，例如样式、宽度、高度等）
• 我无法定义列宽和行高

---

这更多的是关于Vaadin框架和布局的问题。您可以从Docs网站找到有关可用布局的一般信息。我认为GridLayout不是创建图像中显示的布局的最佳选择。相反，我将使用FormLayout、垂直布局和水平布局的组合。这是实现灵活布局的最简单方法。如果你想要更多的控制，你可以开始将VL和HL切换到CSSLAOUTS

不幸的是，Vaadin Designer中的GridLayout编辑支持并不支持GridLayout的所有可能功能。我建议要么在声明中进行详细的调整，要么使用Java

我很快就创建了一个类似的布局示例，如下所述：。我建议您也检查ResponsiveForm模板以了解另一种方法

---

最后，如果您有任何bug报告或功能请求，请将问题提交到

这更多是关于Vaadin框架和布局的问题。您可以从Docs网站找到有关可用布局的一般信息。我认为GridLayout不是创建图像中显示的布局的最佳选择。相反，我将使用FormLayout、垂直布局和水平布局的组合。这是实现灵活布局的最简单方法。如果你想要更多的控制，你可以开始将VL和HL切换到CSSLAOUTS

不幸的是，Vaadin Designer中的GridLayout编辑支持并不支持GridLayout的所有可能功能。我建议要么在声明中进行详细的调整，要么使用Java

我很快就创建了一个类似的布局示例，如下所述：。我建议您也检查ResponsiveForm模板以了解另一种方法

---

最后，如果您有任何错误报告或功能请求，请将问题提交给

最终我决定使用JFormDesigner作为我的主要可视化设计器，因为它非常快速稳定，可以轻松处理大型/复杂的布局。JGoodies FormLayout很好地映射到Vaadin GridLayout

JFormDesigner根据设计生成一个Java类。我编写了一个生成器，它使用该类生成Vaadin Designer html。例如，一个JLabel映射到Vaadin标签等。所有面板都使用FormLayout，如果它们只包含一行或一列，我将它们映射到水平/垂直布局。多列/行布局被转换为网格布局，到目前为止，它实际上工作得很好

Vaadin Designer无法再打开大文件，但应用程序会愉快地解析并显示它们

---

最终我决定使用JFormDesigner作为我的主要视觉设计师，因为它非常快速和稳定，可以轻松处理大型/复杂的布局。JGoodies FormLayout很好地映射到Vaadin GridLayout

JFormDesigner根据设计生成一个Java类。我编写了一个生成器，它使用该类生成Vaadin Designer html。例如，一个JLabel映射到Vaadin标签等。所有面板都使用FormLayout，如果它们只包含一行或一列，我将它们映射到水平/垂直布局。多列/行布局被转换为网格布局，到目前为止，它实际上工作得很好

Vaadin Designer无法再打开大文件，但应用程序会愉快地解析并显示它们

---

在发行说明页面中，rowspan和colspan列在限制部分。你也可以在这里查看其他限制。我试着用Vaadin 7/RHEL 6设计了designer，但并不太令人愉快。设计html的工作，瓦丁可以毫无问题地使用它们，然后我试图写他们的手。由于我决定使用网格组件，但并没有真正了解如何定义所有内容，所以我放弃了designer，转而使用Java定义视图。我的观点是：文档在当时并不容易找到，很有帮助，也很难整合，但是一旦他们编写了html设计文档，技术就起作用了。在发行说明页面中，rowspan和colspan列在限制部分。你也可以在这里查看其他限制。我试着用Vaadin 7/RHEL 6设计了designer，但并不太令人愉快。设计html的工作，瓦丁可以毫无问题地使用它们，然后我试图写他们的手。由于我决定使用网格组件，但并没有真正了解如何定义所有内容，所以我放弃了designer，转而使用Java定义视图。我在这里的观点是：文档在当时并不容易找到、帮助和整合，但一旦他们编写了html设计文档，技术就起作用了。谢谢。我看了你的例子。问题是描述字段的左边缘与FormLayout的字段不对齐。谢谢。我看了你的例子。问题是描述字段的左边缘与FormLayout的字段不对齐。