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 accordion折叠布局
- Extjs menu菜单的简单用法
- ExtJs中getCmp、getDom、Get的区别
- extjs XTemplate的实例
- ExtJs中Store的种类
- Extjs中文乱码
- ExtJs中怎么上传文件
- Extjs updateProgress进度条的应用
- extjs中apply和applyIf的用法
- Extjs中grid 的ColumnModel 属性配置
- extjs table布局
- ExtJs中XTemplate使用
- Extjs msgTarget 提示位置
- extjs实现树形下拉框
- ExtJs 中Viewport 的使用
- extjs中treegrid
- 爱情能当饭吃吗(爱情能当饭吃吗说说)
- 白T恤穿法(白t恤)
- 你怎么忘了是说先爱我(你怎么忘了如何爱我)
- 做技术难吗(技术难不难)
- 林心如是谁(林心如是谁演的)
- 泰国安全吗(泰国安全吗2023)
热门推荐
- sqlserver索引介绍(浅析SQL Server的聚焦使用索引和查询执行计划)
- oracle删除表后怎么清理磁盘空间(Oracle 删除用户和表空间详细介绍)
- dedecms指定栏目授权(dedecms搜索结果页实现按频道模型显示不同结果模板的方法)
- linux基本命令pwd(在Linux上使用xargs命令的详细教程)
- docker镜像实例(Docker的镜像制作与整套项目一键打包部署的实现)
- sql server 函数参数表(SQL Server 实现数字辅助表实例代码)
- zabbix sender能否发送告警数据(python3实现zabbix告警推送钉钉的示例)
- 浅谈Python3中strip()、lstrip()、rstrip()用法详解(浅谈Python3中strip、lstrip、rstrip用法详解)
- python基础知识重点(python语言元素知识点详解)
- serv-u服务器搭建(Serv-U 无法连接到服务器127.0.0.1,端口43958 之解决办法)