extjs中form中的frame:true表示啥

Posted 2023-03-09

一、frame：布尔类型true 或 false ，为true时表示边框为圆角且具有背景色，取false则反之。

ExtJS Panel常用方法还包括xtype：在EXTJS的可视化组件部署中的一种机制，即通过指定xtype的值，来告诉容量如何初始化所包含的级件，如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件。
二、方法
add(Ext.Component/Object_component)：添加一个组件到面板中，运行时方法。
addButton( String/Object config, Function handler, Object scope ) :添加一个按钮到面板中，设计时方法（对象在未构造之前调用）。

_panel.addButton(text:"确 定"); //form按默认宽度自适应创建
_panel.addButton(new Ext.Button(text:"取消",minWidth:200));

三、事件
render：当前对象被构造后触发（设计时事件）。
renderto（构造参数）：将当前对象所生成的html对象存放在指定的对象中（运时时事件）。
两者不能同进使用，否则render不起作用。

三、构造参数

items：指定包含在面板中组件的配置数组如textField。
buttons：指定包含面板中按钮的配置数组。 参考技术A

设置为true时可以为panel添加背景色、圆角边框等，如下图

下面的是frame：false的效果