一、属性
frame：布尔类型true 或 false ，为true时表示边框为圆角且具有背景色，取false则反之。
xtype：在EXTJS的可视化组件部署中的一种机制，即通过指定xtype的值，来告诉容量如何初始化所包含的级件，如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件。
xtype Class ------------- ------------------ box button buttongroup colorpalette component container cycle dataview datepicker editor editorgrid flash grid listview panel progress propertygrid slider spacer splitbutton tabpanel treepanel viewport window Toolbar components --------------------------------------- paging toolbar tbbutton (deprecated; use button) tbfill tbitem tbseparator tbspacer tbsplit (deprecated; use splitbutton) tbtext Menu components --------------------------------------- menu colormenu datemenu menubaseitem menucheckitem menuitem menuseparator menutextitem Form components --------------------------------------- form checkbox checkboxgroup combo datefield displayfield field fieldset hidden htmleditor label numberfield radio radiogroup textarea textfield timefield trigger Chart components --------------------------------------- chart barchart cartesianchart columnchart linechart piechart Store xtypes --------------------------------------- arraystore directstore groupingstore jsonstore simplestore (deprecated; use arraystore) store xmlstore
二、方法
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：指定包含面板中按钮的配置数组。
四、应用举例
Ext.onReady(function(){
var _panel = new Ext.Panel({
title:"人员信息",
frame:true,
width:400,
height:300
})
_panel.addButton({text:"确定"});
_panel.addButton(new Ext.Button({text:"取消",minWidth:200}));
_panel.render(Ext.getBody());
}) ;
Ext.onReady(function(){
var _panel=new Ext.Panel({
title:"登陆",
renderTo:Ext.getBody(),
frame:true,
width:560,
height:130,
layout:"form",
lableWidth:45,
defaults:{xtype:"textfield",width:180},
items:[{fieldLabel:"帐号"},{fieldLabel:"密码"}],
buttons:[{text:"确定"},{text:"取消"}]
})
})
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索extjs
panel
，以便于您获取更多的相关知识。