代码之家  ›  专栏  ›  技术社区  ›  hd42

如何在多列linkki节中跨越多列

  •  1
  • hd42  · 技术社区  · 8 年前

    在中创建多列布局的最佳方法是什么 linkki 字段跨越多个列?

    | Label1: Field1(quite long)       |
    | Label2: Field2 | Label3: Field3 |
    
    1. CustomLayoutSection-对于这样一个简单的(?)案例
    2. 截面布局。列,在Label1后添加一个空白标签,使用CSS使Field1覆盖它(如何?)
    3. 也许可以添加一些colSpan方面?
    4. 使用多个部分-我希望避免
    2 回复  |  直到 5 年前
        1
  •  1
  •   hd42    8 年前

    目前,@UISection只有非常基本的布局可能性。

    (1) 而不是 CustomLayout 您可以使用标准vaadin组件创建布局,并使用 @Bind 设置linkki绑定。

    (2) 我不建议使用 @UISection 具有 SectionLayout.COLUMN 因为在CSS中计算组件字段1的必要大小非常困难。布局由多个 <div> 在CSS中,您对其他列的大小一无所知。

    (3) 习惯 apect 不会有帮助,因为它旨在更改组件的特性,而不是其父级中的布局。将组件添加到其父组件时,需要指定vaadin中的colspan。

    (4) 当然,您可以使用两个部分,第二个部分没有部分标题,但这可能会导致第一个标签列的大小不同。

    在linkki的未来版本中,我们将提供一些附加功能,以使用注释创建自定义布局。然后,您可以编写自己的布局注释,并为自己指定这样的布局。我们知道,使用该标准,您只能获得80%的布局 @UISection公司 布局但是,通过这种方法,这80%将尽可能容易地完成,剩下的20%仍然可以使用自定义布局轻松完成。

        2
  •  1
  •   C. Asselmeyer    5 年前

    Linkki现在可以更轻松地声明 nested components ,即@cornz提到的功能使用此功能,具有所需布局的嵌套组件应该相当容易,可能是一个带有@UIHorizontalLayout注释的部分