本文转自:http://blog.csdn.net/vazumi/article/details/6462181
说是extaspnet实现右下角弹消息框,其实就是纯extjs,baidu搜索一大堆代码
咱只是搬过来直接用,谈不上原创
废话少说,上代码,在页面前端加入这段JS代码
<script type="text/javascript">
Ext.ns('MyLib');
;(function($) {
//新建window组,避免被其它window影响显示在最前的效果
var tipsGroupMgr = new Ext.WindowGroup();
tipsGroupMgr.zseed=99999; //将小贴士窗口前置
$.TipsWindow = Ext.extend(Ext.Window, {
width:200,
height:150,
layout:'fit',
modal : false,
plain: true,
shadow:false, //去除阴影
draggable:false, //默认不可拖拽
resizable:false,
closable: true,
closeAction:'hide', //默认关闭为隐藏
autoHide:3, //n秒后自动隐藏,为false时,不自动隐藏
manager: tipsGroupMgr, //设置window所属的组
constructor: function(conf){
$.TipsWindow.superclass.constructor.call(this, conf);
this.initPosition(true);
},
initEvents: function() {
$.TipsWindow.superclass.initEvents.call(this);
//自动隐藏
if(false !== this.autoHide){
var task = new Ext.util.DelayedTask(this.hide, this), second = (parseInt(this.autoHide) || 3) * 1000;
this.on('beforeshow', function(self) {
task.delay(second);
});
}
this.on('beforeshow', this.showTips);
this.on('beforehide', this.hideTips);
Ext.EventManager.onWindowResize(this.initPosition, this); //window大小改变时,重新设置坐标
Ext.EventManager.on(window, 'scroll', this.initPosition, this); //window移动滚动条时,重新设置坐标
},
//参数: flag - true时强制更新位置
initPosition: function(flag) {
if(true !== flag && this.hidden){ //不可见时,不调整坐标
return false;
}
var doc = document, bd = (doc.body || doc.documentElement);
//ext取可视范围宽高(与上面方法取的值相同), 加上滚动坐标
var left = bd.scrollLeft + Ext.lib.Dom.getViewWidth()-4-this.width;
var top = bd.scrollTop + Ext.lib.Dom.getViewHeight()-4-this.height;
this.setPosition(left, top);
},
showTips: function() {
var self = this;
if(!self.hidden){return false;}
self.initPosition(true); //初始化坐标
self.el.slideIn('b', {
callback: function() {
//显示完成后,手动触发show事件,并将hidden属性设置false,否则将不能触发hide事件
self.fireEvent('show', self);
self.hidden = false;
}
});
return false; //不执行默认的show
},
hideTips: function() {
var self = this;
if(self.hidden){return false;}
self.el.slideOut('b', {
callback: function() {
//渐隐动作执行完成时,手动触发hide事件,并将hidden属性设置true
self.fireEvent('hide', self);
self.hidden = true;
}
});
return false; //不执行默认的hide
}
});
})(MyLib);
function showmsg(title,content)
{
var tipw = new MyLib.TipsWindow({
title:title,
autoHide:5, //5秒自动关闭
html:content
});
tipw.show();
}
</script>
调用代码,后台C#
view plainprint?
protected void Button1_Click(object sender, EventArgs e)
{ ExtAspNet.PageContext.RegisterStartupScript("showmsg('提示','黄艺博和<b>林妙可</b>的故事!<br />...');");
}
这个是弹在最上方的window,不受框架影响,5秒后消失,好了,收工
分享到:
相关推荐
extaspnet的说明文档
Extaspnet的中文实例
ExtAspNet.Examples ExtAspNet框架 内涵源码 解压后发布到IIS可直接运行以供参考
ExtAspNet秘密花园框架学习。net c#
ExtAspNet是net环境下的开源控件包,ExtAspNet是net环境下的开源控件包,ExtAspNet是net环境下的开源控件包
1.用ExtAspNet开发的一个小型网站管理系统,由本人独立开发(当然,里面用到一些插件非本人开发) 2.D.Resources放一些资源文件,数据库已经数据库ER设计都在里面,数据库可以直接附加使用 3.只要更改nhibernate....
包括ExtAspNet整套的源代码 以及一个应用例子的源代码 appbox ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的...
ExtAspNet实例,很实在的例子,关键是中文版本,以及一些ExtAspNet会用到的常用DLL
对ExtAspNet控件使用源码可以让我们理解其对.NET平添的结合度,更快速的了解ExtAspNet使用方法研究开发项目是有必要的。
ExtAspNet_Grid的属性
ExtAspNet.Examples ExtAspNet.Examples ExtAspNet.Examples ExtAspNet.Examples ExtAspNet.Examples ExtAspNet.Examples ExtAspNet.Examples
不错的ExtAspNet学习文档
extAspNet.dll文件。在。NET中更方便的使用EXT。
ExtAspNet.dll 可以在VS2010中添加选项卡->选择项,加载ExtAspNet控件
三层架构下extaspnet登录与权限设计(带数据库)
关于ExtAspNet 基于 ExtJS 的专业 ASP.NET 2.0 控件库,拥有原生的 AJAX 支持和华丽的 UI 效果。 ExtAspNet的使命 创建没有 JavaScript,没有 CSS,没有 UpdatePanel,没有 ViewState,没有 WebServices 的网站...
-ExtAspNet扩展的多语言包在js\languages\extaspnet目录下,目前只有en,zh_CN,zh_TW三种实现 -你可以向其中添加自己的语言版本,并执行js\languages下的pack.bat打包,最后编译工程。 +2009-09-01 v2.0.9 ...
ExtAspNet - 基于 ExtJS 的专业 ASP.NET 2.0 控件库,拥有完善的 AJAX 支持和丰富的界面效果 ExtAspNet 是一组基于 ExtJS 的专业 ASP.NET 2.0 控件库,拥有完善的 AJAX 支持和丰富的界面效果。 ExtAspNet 是...
基于asp.net 下的EXT插件,让你摆脱 css,javascript,ajax,viewstate轻松实现ajax效果
extaspnet框架的各种控件用法,源代码用vs2010打开。