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)  编辑  收藏  举报