ExtJS 表单 FormPanel 横向布局实现

在 ExtJS 框架中,FormPanel 默认采用纵向布局方式排列表单元素。为实现横向布局,可以利用 layoutConfig 属性和 anchor 属性进行配置。

首先,设置 layoutConfig 属性的 columns 值为期望的列数,这将把 FormPanel 分割成指定数量的列。

接着,利用 anchor 属性控制每个表单元素的宽度,使其能够在指定的列内合理排列。anchor 值可以设置为百分比或数字,表示元素占据所在列的宽度比例或像素值。

通过灵活运用 layoutConfiganchor 属性,可以轻松实现 ExtJS 表单 FormPanel 的横向布局,使表单元素排列更加紧凑、美观。

doc 文件大小:39.5KB