首页 > 代码库 > Extjs fieldText内容

Extjs fieldText内容

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:‘请输入内容‘
  27. },{
  28. name:‘password‘,
  29. fieldLabel:‘密码‘,
  30. inputType:‘password‘
  31. }],
  32. buttons:[{
  33. text:‘登录‘,
  34. handler:function(){
  35. loginForm.form.setValues({
  36. userName:‘user@com‘,
  37. password:‘123456‘
  38. });
  39. }
  40. }]
  41. });
  42. })
显示效果






来自为知笔记(Wiz)