在 sencha gxt 中需要一些类似于 html 中的表格的容器

Question

我想做下面的事情。

Label1 : Value1            Label2 : Value2
Label3 : Value3            Label4 : Value4

现在使用 html 来做同样的事情，我用它来创建一个包含 7 列和 2 行的表，以便所有元素都正确对齐。

如何在 Sencha gxt 中使用一些容器来做同样的事情？

Answer 1

尝试在 sencha gxt 中也可以使用的布局属性：

{
    xtype: 'container',
    layout: {
        type: 'table',
        columns: 7
    },
    items: [
       {
           html: 'Label1'
       },
       {
           html: ':'
       },
       {
           html: 'Value1',
       },
       {
           html: ''
           width: 50
       },
       {
           html: 'Label2'
       },
       {
           html: ':'
       },
       {
           html: 'Value2'
       },
       // next row
       {
           html: 'Label3'
       },
       {
           html: ':'
       },
       {
           html: 'Value3',
       },
       {
           html: ''
           width: 50
       },
       {
           html: 'Label4'
       },
       {
           html: ':'
       },
       {
           html: 'Value4'
       },
    ]
}

如果需要，您可以在项目上使用 colspan/rowspan。

这是一个小提琴演示：https://fiddle.sencha.com/#fiddle/fja