Extjs msgTarget 提示位置
类别:Web前端 浏览量:7734
时间:2013-10-14 Extjs msgTarget 提示位置
Extjs msgTarget 提示位置extjs msgTarget 有效值包括:
qtip:显示一个浮动的提示消息
title:显示一个浏览器浮动提示消息
under:在字段下面显示一个提示消息,使用under时要注意表单的高度
side:在字段右边显示一个提示消息,使用side是要注意表单的宽度
none:不显示提示消息
实例:
Ext.onReady(function(){
Ext.QuickTips.init();// 初始化显示提示信息。没有它提示信息出不来。
var form = new Ext.form.FormPanel({
title:"提示信息(side)",
height:200,
width:300,
frame:true,
labelSeparator:":",
labelWidth:60,
labelAlign:"right",
items:[
new Ext.form.TextField({
fieldLabel : "姓名",
allowBlank:false,
blankText:"请输入名字",
msgTarget:"qtip" //修改这里的值msgTarget:"title" msgTarget:"under" msgTarget:"side"
}),
new Ext.form.NumberField({
fieldLabel:"年龄",
allowBlank:false,
blankText:"请写年龄",
msgTarget:"qtip"
})
]
});
new Ext.Viewport({
title:"",
items:[form]
});
});
qtip,title,under,side形式的各个效果图
在每个字段上加提示方式很烦琐,
只要在Ext.QuickTips.init();下加一行Ext.form.Field.prototype.msgTarget = "under";//title,qtip,side
就可以实现统一的提示方式了。
统一的提示方式实例:
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget="side";
var form = new Ext.form.FormPanel({
title:"Ext.form.FormPanel例子",
labelSeparator:":",
labelWidth:60,
bodyStyle:"padding:5 5 5 5",
frame:true,
height:120,
width:250,
items:[
new Ext.form.TextField({
fieldLabel:"用户名",
id:"userName",
selectOnFocus:true, //得到焦点时自动选择文本
allowBlank:false,
regex:/^([\\w]+)(.[\\w]+)*@([\\w-]+\\.){1,5}([A-Za-z]){2,4}$/,
regexText:"用户名格式错误"
}),
new Ext.form.TextField({
fieldLabel:"密码",
inputType:"password",
allowBlank:false
})
]
});
new Ext.Viewport({
title:"",
items:[form]
});
});
您可能感兴趣
- extjs column列布局
- extjs xtype的使用
- Extjs中FieldSet的收缩和展开
- extjs checkboxGroup 复选框的用法
- ExtJs中怎么上传文件
- extjs 日期控件
- ExtJs中getCmp、getDom、Get的区别
- extjs table布局
- extjs中apply和applyIf的用法
- extjs tabPanel的用法
- Extjs menu菜单的简单用法
- Extjs updateProgress进度条的应用
- Extjs中文乱码
- extjs中treepanel例子
- extjs中treegrid
- ExtJs 中Viewport 的使用
- 经常发这三种 朋友圈 的人,要迅速屏蔽(经常发这三种朋友圈)
- 有种尴尬叫朋友圈忘屏蔽,大学生上演社死现场,父母亲自下场吐槽(有种尴尬叫朋友圈忘屏蔽)
- 朋友圈屏蔽你的人,可以直接看淡了(朋友圈屏蔽你的人)
- 金球奖只青睐那些会戴珠宝的女人(金球奖只青睐那些会戴珠宝的女人)
- 浙江省一个县,人口超40万,建县历史超1100年(浙江省一个县人口超40万)
- 五代十国南唐历代国君(五代十国南唐历代国君)
热门推荐
- 常用的mysql查询语句(MySQL查询重写插件的使用)
- sqlserver并发性能(sql server中的任务调度与CPU深入讲解)
- SQL Server ltrimrtrim函数的用法(SQL Server ltrimrtrim 去不掉空格的原因分析)
- 护卫神主机管理系统(护卫神主机大师如何开启和关闭主机管理系统?)
- windows server开启ftp服务器(全面提高Windows系统FTP服务器的安全性能)
- SQL Server与Oracle数据类型的对应关系
- 如何看http状态码(10个常见的HTTP状态码详解)
- sql怎么对一列数据分组另一行求和(分组后分组合计以及总计SQL语句稍微整理了一下)
- 哪些Web设计影响用户体验
- Json序列化对象的部分属性值