项目有个模块,进去模块后,页面右下角会滑出一个向上的窗体,窗体内容区提示一些内容。
顿生好奇之心,赶紧去看看源码,,尼玛自己封装的!经过几次修改,想加入自己的元素,但愣是不生效。而且滑出的窗口,拖动后还BUG不断~~~
自己写个简易的好了,供以后设计时用到:
function getMsgWindow(errorInfo){
msgWindow = msgWindow || new Ext.Window({
title : '提示窗口',
width : 210,
height : 100,
autoScroll : true,
autoDestroy : true,
closable : false,
plain : false,
shadow : false,
draggable : false ,
html :errorInfo, iconCls : 'error'
});
//show时窗口自下而上滑动
msgWindow.on('show',function(){
msgWindow.setPosition(document.documentElement.scrollWidth , document.documentElement.scrollHeight);
msgWindow.el.alignTo(document, "br-br",
[ -0,-20 - ((msgWindow.getSize().height + 10) * 0.1) ]);
msgWindow.el.slideIn('b', {
duration : 1,
callback : null,
scope : this
});
});
msgWindow.show();
}
function optionWindow(tipsInfo){
try{
if(msgWindow == null){
getMsgWindow(tipsInfo);
}else{
msgWindow.show();
}
(new Ext.util.DelayedTask(function(){
msgWindow.hide();
},this)).delay(3000);
}catch(e){
getMsgWindow(tipsInfo); }
}
用法:
调用optionWindow。其中tipsInfo表示窗体内要展示的信息。
注:都是EXT的东东,在msgWindow.on('show'这个监听里,你可以完成自己的事。
扩展:可以做一些改变,使窗体的滑出位置可控。
分享到:
相关推荐
一个简单的Ext.Window中插入图片的例子,让您轻松掌握在Ext.Window中插入图片(照片)。
从右下角动态弹出window,显示1分钟后自动隐藏,然后再弹出,类似MSN登录提醒。
Ext.window的一个扩展组件SuperWin.js.可灵活自主随意定位,和显示模式;
EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...
EasyExt_003_第一个组件Ext.Window EasyExt_003_第一个组件Ext.Window
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
org.restlet.ext.spring.jar
Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
环境:Window XP Sp2、Tomcat 6.0、...关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们框架系统是非常有帮助的。本示例代码注释非常详细。 阅读对象:需要使用Ext框架进行Web开发的人员
运行Microsoft office时,vbe6ext.olb不能加载
NULL 博文链接:https://oppovaan.iteye.com/blog/627655
Ext.get与Ext.fly的区别与用法
Ext.Panel API翻译 -------Window属性
Ext.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法
org.restlet.ext.servlet-2.1.1.jar
Most configuration options are inherited from Ext.Window (see ExtJs docs). The added ones are: url - the url where to post uploaded files. base_params - additional post params (default to {}). ...
EXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rar
Ext.js 3.0中文API和Ext.js中文教程打包下载