ExtJs 入门教程四[表单面板：FormPanel]

本文主要是介绍ExtJs 入门教程四[表单面板：FormPanel]，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、效果

二、代码

var form = new Ext.form.FormPanel({labelAlign:'right',//比如文本框前面的标签[城市]的位置，只能设置三个值：left,right,top；默认为LeftfileUpload : true,//文件上传时用labelWidth:120,monitorValid:true,//与按钮[buttons][保存]进行绑定的重要关键因素frame : true,//True：可以为panel添加背景色、圆角边框等 False：直角边框title : '表单标题',style : 'margin:10px',html : '<div style="padding:10px">这里表单内容</div>'url : 'default/realNameParams!add.action',//提交表单的URLitems:[{}]//组件里的元素，如[城市、实名制卡数量 等]buttons:[{}]
});

三、说明

（1）frame：控制表单文本框的背景颜色；

（2）items：窗口的子项（子元素）

四、form 组件常用的：属性、方法及事件

1. 属性

width：表单宽度

hight：表单高度

url：表单提交地址

2. 方法

reset：重置表单

isValid：表单是否验证全部通过

submit：提交表单

这篇关于ExtJs 入门教程四[表单面板：FormPanel]的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---