Extjs中面板字段集和容器之间的区别

时间:2015-06-02 12:15:48

标签: javascript extjs

我是Extjs技术的新手。我在一个小小的混乱中运行,或者可能只是无法将其可视化。 Extjs中面板字段集和容器之间有什么区别。提前谢谢。

2 个答案:

答案 0 :(得分:1)

请参考文档,它在那里得到了很好的解释:

Ext.container.Container

  

任何可能包含其他组件的Ext.Component的基类。容器处理包含项目的基本行为,即添加,插入和删除项目。

Ext.panel.Panel

  

Panel是一个具有特定功能和结构组件的容器,使其成为面向应用程序的用户界面的完美构建块。

Ext.form.FieldSet

  

用于对字段集进行分组的容器,呈现为HTML字段集元素。标题配置将呈现为字段集的图例。

(只是引用每个组件的第一段,包含更多有用的信息)

答案 1 :(得分:0)

生成的HTML与不同容器的不同之处。它还为您提供了一些方便的默认设置等。如果您必须对字段进行分组而不是任意组件,我会说它会很好。 引用ExtJS文档:

“用于对字段集进行分组的容器,呈现为HTML字段集元素。标题配置将呈现为字段集的图例。

虽然FieldSets通常包含简单的字段组,但它们是通用容器,因此可能在其项目中包含任何类型的组件,包括其他嵌套容器。 FieldSet项的默认布局是“锚”,但可以将其配置为使用任何其他布局类型。

如果配置为FieldSets,也可能会折叠;这可以通过两种方式完成:

将可折叠配置设为true;这将导致在图例标题旁边呈现折叠按钮,或者: 将checkboxToggle配置设置为true;这类似于使用可折叠但使用复选框代替切换按钮。选中复选框时将扩展字段集,取消选中时将折叠字段集。该复选框也将包含在表单提交参数中,使用checkboxName作为其参数名称。“