我如何制作如下图片?

时间:2016-02-17 07:20:02

标签: extjs extjs6

 var cond = new Ext.panel.Panel({  
                                xtype : 'toolbar', 
                                dock : 'top', 
                                region : 'north' , 
                                layout : { 
                                           type : 'table' ,
                                           columns : '3' 
                                          } ,
                                items [ 
                                           { xtype : 'textfield' } , 
                                           { xtype : 'textfield'} 
                                      ]
});

[~~~~~cell~~~~][~~cell~~~][~cell~~~]
[~~~~cell~~~~][~~~~cell~][~~~~cell~]
[ cell ][cell][~~~~~~~~cell~~~~~~~~]

这里图像显示我想要表格单元格宽度差异。(我想不一样)。

我如何制作如下图片?

顶级来源是基础......

我希望表格单元格宽度不同(不相同)!

1 个答案:

答案 0 :(得分:1)

请在此处阅读以获取更多信息http://docs.sencha.com/extjs/5.1/5.1.2-apidocs/#!/api/Ext.layout.container.Table 在分机6上也一样。

您不能仅使用树列来进行此配置。 表格布局使用colspan和行跨度来设置元素尺寸。

所以例如

1 2 3
[][][] -> every element colspan 1
[  ][] -> first element colspan 2 and second colspan 1

因此,如果您的尺寸与您的尺寸不同,则必须有更多列才能设置完美的尺寸

相关问题