码迷,mamicode.com
首页 > Web开发 > 详细

Extjs fieldText内容

时间:2014-07-22 00:33:35      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   width   io   2014   

Extjs的主要配置内容:
bubuko.com,布布扣bubuko.com,布布扣
示例代码:
  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. })
显示效果
bubuko.com,布布扣







Extjs fieldText内容,布布扣,bubuko.com

Extjs fieldText内容

标签:style   blog   http   width   io   2014   

原文地址:http://www.cnblogs.com/babyhhcsy/p/3857890.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!