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'  

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/babyhhcsy/p/3857896.html