extjs表单中实现一行多列布局

今天要新增一个表单,根据UI要求,前面三行是正常布局,第4行需要一行多列布局。由于不经常使用这个框架,也没有很深入的了解,因此配置起来也有些费劲,最后那一行的宽度总是只显示一点点:

从样式的区别来看,是缺少了“x-form-form-item”这个样式,但无论怎么配置,好像都没有这个样式出来。

比如layout设置成“form”,“fit”等,即使按网上的示例来配置,也是一样没有效果。

再经过测试,发现这里无法设置这个的,我把其它能100%显示的元素移到这里来,也还是一样没有效果。

最后才发现,通过下面这种方式就可以了:


items: [{layout:'fit',border:0,baseCls:'x-plain',items:[me.edtComments]}]
 


不过还是有一个小问题,就是每个表单元素都要单独设置一下。不过也还能满足使用了。


您可能还会对下面的文章感兴趣: