Extjs的主要配置内容：

示例代码：

1. Ext.onReady(function(){
2. Ext.QuickTips.init();
3. var loginForm = new Ext.form.Panel({
4. title:'Ext.form.field.Text示例',
5. bodyStyle:'padding:5 5 5 5',//设置边距
6. frame:true,
7. height:120,
8. width:200,
9. renderTo:'form',
10. defaultType:'textfield',//设置表单字段的默认类型
11. defaults:{
12. labelSeparator:':',//分隔符
13. labelWidth:50,
14. width:150,
15. allowBlank:false,
16. labelAlign:'left',
17. msgTarget:'side'
18. },
19. items:[{
20. fieldLabel:'用户名',
21. name:'userName',
22. selectOnFocus:true,//得到焦点是自动选择文本；
23. //验证电子邮件格式的正则表达式
24. regex:/^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/,
25. regexText:'格式错误',
26. blankText:'请输入内容'
28. },{
29. name:'password',
30. fieldLabel:'密码',
31. inputType:'password'
32. }],
33. buttons:[{
34. text:'登录',
35. handler:function(){
36. loginForm.form.setValues({
37. userName:'user@com',
38. password:'123456'
39. });
40. }
41. }]
42. });
43. })

显示效果