Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 如何跨越多列链接部分中的多列_Java_Css_Vaadin_Linkki - Fatal编程技术网

Java 如何跨越多列链接部分中的多列

Java 如何跨越多列链接部分中的多列,java,css,vaadin,linkki,Java,Css,Vaadin,Linkki,使用跨多列的字段在中创建多列布局的最佳方法是什么 | Label1: Field1(quite long) | | Label2: Field2 | Label3: Field3 | CustomLayoutSection-对于这样一个简单的(?)情况,我希望避免这种情况 SectionLayout.COLUMN,在Label1后添加一个空白标签,使用CSS使Field1覆盖它(如何?) 也许可以添加一些colSpan方面 使用多个部分-我希望避免这种情况 目前,@UISectio

使用跨多列的字段在中创建多列布局的最佳方法是什么

| Label1: Field1(quite long)       |
| Label2: Field2 | Label3: Field3 |
  • CustomLayoutSection-对于这样一个简单的(?)情况,我希望避免这种情况
  • SectionLayout.COLUMN,在Label1后添加一个空白标签,使用CSS使Field1覆盖它(如何?)
  • 也许可以添加一些colSpan方面
  • 使用多个部分-我希望避免这种情况

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

    (一) 您可以使用标准的vaadin组件创建布局,并使用来设置linkki绑定,而不是使用

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

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

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


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

    Linkki现在可以更轻松地声明@cornz提到的功能,使用这种方法,具有所需布局的嵌套组件应该相当容易,也许是@UIHorizontalLayout注释部分

    什么是linkki?GridLayout具有colspanfunctionality@AndréSchild使用一个CssLayout,你几乎可以使用任何你喜欢的CSS,最终你的解决方案(4),同步两个部分的第一列标签宽度。