ASP.NET-FineUI开发实践-4(二)

2023-12-06 11:48
文章标签 实践 开发 asp net fineui

本文主要是介绍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(二)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/461726

相关文章

SpringBoot项目中Maven剔除无用Jar引用的最佳实践

《SpringBoot项目中Maven剔除无用Jar引用的最佳实践》在SpringBoot项目开发中,Maven是最常用的构建工具之一,通过Maven,我们可以轻松地管理项目所需的依赖,而,... 目录1、引言2、Maven 依赖管理的基础概念2.1 什么是 Maven 依赖2.2 Maven 的依赖传递机

Oracle查询优化之高效实现仅查询前10条记录的方法与实践

《Oracle查询优化之高效实现仅查询前10条记录的方法与实践》:本文主要介绍Oracle查询优化之高效实现仅查询前10条记录的相关资料,包括使用ROWNUM、ROW_NUMBER()函数、FET... 目录1. 使用 ROWNUM 查询2. 使用 ROW_NUMBER() 函数3. 使用 FETCH FI

在C#中获取端口号与系统信息的高效实践

《在C#中获取端口号与系统信息的高效实践》在现代软件开发中,尤其是系统管理、运维、监控和性能优化等场景中,了解计算机硬件和网络的状态至关重要,C#作为一种广泛应用的编程语言,提供了丰富的API来帮助开... 目录引言1. 获取端口号信息1.1 获取活动的 TCP 和 UDP 连接说明:应用场景:2. 获取硬

Java内存泄漏问题的排查、优化与最佳实践

《Java内存泄漏问题的排查、优化与最佳实践》在Java开发中,内存泄漏是一个常见且令人头疼的问题,内存泄漏指的是程序在运行过程中,已经不再使用的对象没有被及时释放,从而导致内存占用不断增加,最终... 目录引言1. 什么是内存泄漏?常见的内存泄漏情况2. 如何排查 Java 中的内存泄漏?2.1 使用 J

基于Python开发电脑定时关机工具

《基于Python开发电脑定时关机工具》这篇文章主要为大家详细介绍了如何基于Python开发一个电脑定时关机工具,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 简介2. 运行效果3. 相关源码1. 简介这个程序就像一个“忠实的管家”,帮你按时关掉电脑,而且全程不需要你多做

Java中的Opencv简介与开发环境部署方法

《Java中的Opencv简介与开发环境部署方法》OpenCV是一个开源的计算机视觉和图像处理库,提供了丰富的图像处理算法和工具,它支持多种图像处理和计算机视觉算法,可以用于物体识别与跟踪、图像分割与... 目录1.Opencv简介Opencv的应用2.Java使用OpenCV进行图像操作opencv安装j

Linux中Curl参数详解实践应用

《Linux中Curl参数详解实践应用》在现代网络开发和运维工作中,curl命令是一个不可或缺的工具,它是一个利用URL语法在命令行下工作的文件传输工具,支持多种协议,如HTTP、HTTPS、FTP等... 目录引言一、基础请求参数1. -X 或 --request2. -d 或 --data3. -H 或

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

Docker集成CI/CD的项目实践

《Docker集成CI/CD的项目实践》本文主要介绍了Docker集成CI/CD的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录一、引言1.1 什么是 CI/CD?1.2 docker 在 CI/CD 中的作用二、Docke

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo