msgTarget:'under'

Extjs表单中提供错误的显示的集中方式,其中有下面的几种
代码事例:
  1. Ext.onReady(function(){
  2. Ext.QuickTips.init();
  3. var form = new Ext.form.Panel({
  4. title:'表单',
  5. height:120,
  6. width:200,
  7. frame:true,
  8. renderTo:'toolbar',
  9. defaults:{
  10. autoFitErrors:false,//展示错误信息的时候是否自动调整字段组件宽度
  11. labelSeparator:':',//分隔符
  12. labelWidth:50,
  13. width:150,
  14. allowBlank:false,
  15. blankText:'不允许为空',
  16. labelAlign:'left',
  17. //msgTarget:'qtip'//显示一个浮动的提示信息
  18. //msgTarget:'title'
  19. //msgTarget:'under'
  20. //msgTarget:'side'
  21. //msgTarget:'none'
  22. msgTarget:'errorMsg'
  23. },
  24. items:[{
  25. xtype:'textfield',
  26. fieldLabel:'姓名'
  27. },{
  28. xtype:'numberfield',
  29. fieldLabel:'年龄'
  30. }]
  31. })
  32. });
 1 	<div id='form'></div>
2 <div id="errorMsg"></div>
3 <div id="toolbar"></div>
在使用的时候要注意,显示的方式为msgTarget:'errorMsg'的时候会存在错误展示的问题


msgTarget:'qtip'  
msgTarget:'under' 
 
msgTarget:'title'  

msgTarget:'side'  

msgTarget:'none'  

msgTarget:'errorMsg'  





posted @ 2014-07-21 10:21  thero  阅读(283)  评论(0编辑  收藏  举报