GWT - 可以将 FormPanel 嵌套在 FormPanel 中吗？

Question

我正在尝试将 FormPanel 嵌套在另一个 FormPanel 中。似乎嵌套面板中的任何字段都不会被渲染。

此屏幕截图由其下面的代码生成：

TabItem tabItem = new TabItem("Tab Item");

FormPanel formPanel = new FormPanel();
formPanel.setHeading("Form Panel");
formPanel.setFrame(true);

TextField textField = new TextField();
textField.setFieldLabel("Text Field");

FormPanel nestedPanel = new FormPanel();
nestedPanel.setHeading("Nested Panel");

TextField nestedField = new TextField();
nestedField.setFieldLabel("Nested Field");

nestedPanel.add(nestedField);

TextField anotherField = new TextField();
anotherField.setFieldLabel("Another Field");

formPanel.add(textField);
formPanel.add(nestedPanel);
formPanel.add(anotherField);

tabItem.add(formPanel);
tabPanel.add(tabItem);

任何人都可以解释为什么嵌套字段没有显示在嵌套面板？

我还尝试使用 CaptionPanel 而不是 FormPanel 作为嵌套面板，但标题面板不显示字段标签。

任何有关我如何让它发挥作用的建议都将受到欢迎。谢谢 ：）

Answer 1

正如 Jason 提到的，

不能嵌套。 GXT FormPanel 绘制表单作为其工作方式的一部分，因此请考虑以其他方式绘制此布局。

要模拟 FormPanel 的外观，有两个基本步骤。

• 要获取标题、边框，请创建一个 ContentPanel，并向其中添加内容
• 要获取绘制字段标签的 GXT 2 布局，请在内容面板中使用 FormLayout 。

这看起来像这样（从您的示例来看）

//...
ContentPanel nestedPanel = new ContentPanel(new FormLayout();
nestedPanel.setHeading("Nested Panel");

TextField nestedField = new TextField();
nestedField.setFieldLabel("Nested Field");

nestedPanel.add(nestedField);
//...

外部字段仍然会管理任何绑定，并且嵌套字段看起来就像它们在 FormPanel 中一样。如果不使用 FormPanel 的其他功能，通常将 ContentPanel（或 LayoutContainer，如果您不需要边框/标题）与 FormLayout 一起使用可能更有意义。