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中getCmp、getDom、Get的区别
- Extjs中grid 的ColumnModel 属性配置
- ExtJs 中Viewport 的使用
- Extjs中FieldSet的收缩和展开
- Extjs menu菜单的简单用法
- extjs table布局
- extjs anchor 锚点布局
- Extjs msgTarget 提示位置
- ExtJs中XTemplate使用
- extjs实现树形下拉框
- extjs tabPanel的用法
- extjs多选下拉框
- extjs column列布局
- ExtJs中怎么上传文件
- extjs XTemplate的实例
- extjs card卡片式布局
- 大众推出了第五代高尔夫GT(大众推出了第五代高尔夫GT)
- 换代在即,现在是抄底 7.5代 高尔夫的最佳时机吗(换代在即现在是抄底)
- 2020年大众7.5代高尔夫R终结特别版 最后的呐喊(2020年大众7.5代高尔夫R终结特别版)
- 七年前的这部剧有毒,全剧只有女主红到发紫,男主至今无人认识(七年前的这部剧有毒)
- 宋轶除了演过于曼丽,原来还演过一个青楼女子(宋轶除了演过于曼丽)
- 赵丽颖第一部当女主的戏,主角配角个个都是实力演员(赵丽颖第一部当女主的戏)
热门推荐
- SQL SERVER获取指定数据库中所有存储过程的参数
- docker 网络映射启动失败(解决docker安装完成报:bridge-nf-call-iptables is disabled问题)
- sqlserver数据库如何分页(SQL server分页的4种方法示例很全面)
- jquery的each的用法
- 卸载了云服务器后怎么办(云服务器怎么还原被删除的数据?)
- datetimepicker怎么设置空值(浅谈amaze-ui中datepicker和datetimepicker注意的几点)
- python编程ide工具(这6款Python IDE&代码编辑器,你都用过吗?)
- vue通过什么获取dom(vue异步更新dom的实现浅析)
- MVC中报get_RazorKeywords()错误的解决方法
- mysql写入效率越来越差(MYSQL大量写入问题优化详解)