本文主要是介绍ASP.NET-FineUI开发实践-4(二),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在网上找了找,实验了一下window弹出和关闭的动画效果分享一下。
接上次的代码
default.js
window_tips.animCollapse= true;//打开动画效果
window_tips.animateTarget = Ext.getBody();//开始的定位,就是以哪定位,是个el,=按钮 也行
ext-part2.js
f_showTips: function里加上 window_tips.on('beforehide', this.f_hideTips);//注册关闭前事件
//显示提醒窗体;
//iframeUrl窗体的url,目前未考虑传'';
//windowTitle窗体的title,目前未考虑传'';
//txthtml窗体显示的数据
//width窗体的宽,目前未考虑传'';
//height窗体的高,目前未考虑传'';
f_showTips: function (iframeUrl, windowTitle,txthtml, width, height) {
if (typeof (iframeUrl) === 'undefined') {
iframeUrl = this.f_iframe_url;
}
if (typeof (windowTitle) === 'undefined') {
windowTitle = this.title;
}
window.label_html=txthtml;//显示数据存到全局参数里
window.label_html_num=0;//第一次打开重置查看到第几条
this.f_showtips_label(label_html);//显示方法,传入数据
this.on('beforehide', this.f_hideTips);//注册关闭前事件
//this.on('beforeshow', this.f_beforshowTips);
windowTitle="消息提醒"+" "+(label_html_num+1)+"/"+txthtml.length;//拼写标题
//原show方法
F.wnd.show(this, iframeUrl, windowTitle, this.f_property_left, this.f_property_top, this.f_property_position, this.id + '_Hidden', width, height);
},
f_hideTips: function () {
var self = this;
if (self.hidden) { return false; }//隐藏就不执行
$("#window_tips_wrapper .x-ie-shadow").css("display","none");//阴影写死了
$("#window_tips_wrapper .x-shim").css("display","none");//写死了
self.el.slideOut('r',{ duration: 1000});//动画 r 是右的意思,后面的是时间
self.hidden=true;//隐藏属性
return false; //不执行默认的hide
},
也不知道这个会不会动,gif 的
这篇关于ASP.NET-FineUI开发实践-4(二)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!