0

我发现 Vaadin Designer 中的网格布局非常有问题。

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

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

我面临的一些问题：

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

在此处输入图像描述

4

2 回答 2

4

这更多是关于 Vaadin 框架和布局的问题。您可以从文档站点https://vaadin.com/docs/-/part/framework/layout/layout-overview.html找到有关可用布局的一般信息。我认为 GridLayout 不是创建图像中呈现的那种布局的最佳选择。相反，我会使用 FormLayout、VerticalLayout 和 Horizo​​ntalLayout 的组合。这是实现灵活布局的最简单方法。如果你想要更多的控制，你可以开始将 VL 和 HL 切换到 CssLayouts。

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

我很快就创建了一个与描述的布局类似的示例：https ://gist.github.com/ripla/d06d35249ffc4859e7b280425c1e92eb 。我建议您还检查 ResponsiveForm 模板以了解另一种方法。

最后，如果您有任何错误报告或功能请求，请将问题提交到https://github.com/vaadin/designer-issues/issues

于 2017-04-27T14:55:40.523 回答
-1

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

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

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

在此处输入图像描述

于 2017-04-28T07:03:49.270 回答