Vaadin Designer：網格佈局不可用？

我在Vaadin Designer中發現網格佈局非常麻煩。Vaadin Designer：網格佈局不可用？

問：有人在那裏使用它嗎？你有給我一些提示嗎？

背景：我正在將一個應用程序從ASP.NET移植到Vaadin。有很多窗體在Visual Studio中通過HTML表格佈局（請參見截圖）。

我面臨着一些問題：

在網格佈局中移動標籤和字段後，我突然得到合併單元格/行跨度的設計來源，如<column rowspan="7"></column>，這種情況發生的時候，它的遊戲結束
我不能插入或刪除行或列
rowspan的/合併單元格的屬性是不可見的在設計屬性
我不能選擇多個部件（以及因此在散裝不會改變的屬性，如例如風格，寬度，高度等）
我無法定義的列寬和行高

2017-04-27 Zalumon

在發行說明頁，行跨度和列跨度都在** **限制部分列出。你也可以在這裏查看其他的限制[鏈接]（https://vaadin.com/designer/release-notes） – qtdzz

我試着用Vaadin 7/RHEL 6設計設計師，但它並不是太令人愉快。設計html的工作，vaadin可以毫無問題地使用它們，然後我嘗試着手寫它們。由於我決定使用Grid組件，並沒有真正瞭解如何定義所有的東西，所以我放棄了設計器，並重新用Java定義視圖。我的觀點是：文檔當時不容易找到，有用和鞏固，但是一旦html設計文檔由他們編寫，技術就可以工作。 –

這更是一個關於Vaadin框架和佈局問題。您可以從Docs站點https://vaadin.com/docs/-/part/framework/layout/layout-overview.html中找到有關可用佈局的一般信息。我認爲GridLayout不是創建圖像中呈現的佈局類型的最佳選擇。相反，我會使用FormLayout，VerticalLayout和HorizontalLayout的組合。這是實現靈活佈局的最簡單方法。如果你想要更多的控制，你可以開始將VL和HL切換到CssLayouts。

Vaadin Designer中的GridLayout編輯支持不幸並不支持GridLayout的所有可能功能。我會建議在聲明中做詳細的調整，或者使用Java。

我很快掀起了一個與上述類似佈局的例子：https://gist.github.com/ripla/d06d35249ffc4859e7b280425c1e92eb。我建議您也檢查另一種方法的ResponsiveForm模板。

最後，如果您有任何錯誤報告或功能請求，請提交問題https://github.com/vaadin/designer-issues/issues

來源

2017-04-27 14:55:40 ripla

謝謝。我看看你的例子。問題是描述字段的左邊緣不與FormLayout的字段對齊。 – Zalumon

-2

最後我決定用JFormDesigner作爲我的主視覺設計，因爲它是非常快速和穩定，並能處理大/複雜佈局毫不費力。 JGoodies FormLayout很好地映射到Vaadin GridLayout。

JFormDesigner從設計中生成一個Java類。我寫了一個使用該類生成Vaadin Designer html的生成器。例如，JLabel映射到Vaadin標籤等。所有面板都使用FormLayout，如果它們只包含一行或一列，我將它們映射到水平/垂直佈局。多列/行佈局轉換爲網格佈局，實際上到目前爲止效果很好。

Vaadin Designer無法再打開大文件，但應用程序可以愉快地解析並顯示它們。

來源

2017-04-28 07:03:49 Zalumon

Vaadin Designer：網格佈局不可用？

回答

相關問題