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

简介: 在网上找了找,实验了一下window弹出和关闭的动画效果分享一下。 接上次的代码 default.js  window_tips.animCollapse= true;//打开动画效果 window_tips.

在网上找了找,实验了一下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

        },

 

目录
相关文章
|
4月前
|
存储 缓存
.NET 6中Startup.cs文件注入本地缓存策略与服务生命周期管理实践:AddTransient, AddScoped, AddSingleton。
记住,选择正确的服务生命周期并妥善管理它们是至关重要的,因为它们直接影响你的应用程序的性能和行为。就像一个成功的建筑工地,工具箱如果整理得当,工具选择和使用得当,工地的整体效率将会大大提高。
161 0
|
8月前
|
人工智能 芯片
D1net阅闻|OpenAI员工疯狂暗示,内部已成功开发ASI?被曝训出GPT-5但雪藏
D1net阅闻|OpenAI员工疯狂暗示,内部已成功开发ASI?被曝训出GPT-5但雪藏
|
6月前
|
SQL 小程序 API
如何运用C#.NET技术快速开发一套掌上医院系统?
本方案基于C#.NET技术快速构建掌上医院系统,结合模块化开发理念与医院信息化需求。核心功能涵盖用户端的预约挂号、在线问诊、报告查询等,以及管理端的排班管理和数据统计。采用.NET Core Web API与uni-app实现前后端分离,支持跨平台小程序开发。数据库选用SQL Server 2012,并通过读写分离与索引优化提升性能。部署方案包括Windows Server与负载均衡设计,确保高可用性。同时针对API差异、数据库老化及高并发等问题制定应对措施,保障系统稳定运行。推荐使用Postman、Redgate等工具辅助开发,提升效率与质量。
199 0
|
10月前
|
Linux API C#
基于 .NET 开发的多功能流媒体管理控制平台
基于 .NET 开发的多功能流媒体管理控制平台
152 9
|
10月前
|
Web App开发 前端开发 调度
一款基于 .NET + Blazor 开发的智能访客管理系统
一款基于 .NET + Blazor 开发的智能访客管理系统
133 8
|
10月前
|
前端开发 JavaScript C#
基于.NET8+Vue3开发的权限管理&个人博客系统
基于.NET8+Vue3开发的权限管理&个人博客系统
132 7
|
10月前
|
网络协议 C#
基于.NET WinForm开发的一款硬件及协议通讯工具
基于.NET WinForm开发的一款硬件及协议通讯工具
105 7
|
10月前
|
监控 前端开发 API
一款基于 .NET MVC 框架开发、功能全面的MES系统
一款基于 .NET MVC 框架开发、功能全面的MES系统
237 5
|
SQL Web App开发 JavaScript
使用VS Code开发asp.net core (下)
第一部分: https://www.cnblogs.com/cgzl/p/8450179.html 本文是基于Windows10的. Debugging javascript 打开wwwroot/js/site.
1731 0
|
前端开发 .NET 开发工具
使用VS Code开发asp.net core (上)
本文是基于Windows10的. 下载地址: https://code.visualstudio.com/ insider 版下载地址: https://code.visualstudio.com/insiders/ 这两个版本可以同时安装在系统中.
2917 0