Tel：028-86922220 我有需求

Asp.net自定义控件中加载层的示例分析-创新互联

这篇文章主要介绍了Asp.net自定义控件中加载层的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

专业领域包括成都网站设计、网站制作、商城网站建设、微信营销、系统平台开发， 与其他网站设计及系统开发公司不同，创新互联建站的整合解决方案结合了帮做网络品牌建设经验和互联网整合营销的理念，并将策略和执行紧密结合，为客户提供全网互联网整合方案。

 先来看看效果：


Asp.net自定义控件中加载层的示例分析

1.在静态页面里开发好想要的效果


jQuery.extend({

  openloading: function (options) {

    var defaults = { msg: '数据提交中...', img: 'loading.gif' };

    var opts = $.extend(defaults, options);

    $("body").append("
数据提交中...
");     var h = $(document).height();     $(".l_overlay").css({ "height": h, 'display': 'block', 'opacity': '0.4' });     $(".l_showbox").stop(true).animate({ 'margin-top': (h / 2 - 58) + 'px', 'opacity': '1' }, 200);   },   closeloading: function () {     $(".l_showbox").stop(true).animate({ 'margin-top': '250px', 'opacity': '0' }, 400);     $(".l_overlay").css({ 'display': 'none', 'opacity': '0' });     $(".l_overlay").remove();     $(".l_showbox").remove();   } });

2.vs新建类库，新建类继承于WebControl
 添加属性：
 [Description("获取和设置触发器ID"), DefaultValue(""), Browsable(true), Category("杂项")]
public string TargetID { get; set; }
重写OnPreRender方法。方法中注册js脚本，该脚本指示ID为TargetID的控件点击时显示加载层

protected override void OnPreRender(EventArgs e)
{
  if (Page != null && !string.IsNullOrEmpty(TargetID))
  {
   TargetID = GetClientID(TargetID);     
   Page.ClientScript.RegisterClientScriptResource(typeof(Loading), "BoControl.Scripts.Jquery.js");     
   this.Page.ClientScript.RegisterStartupScript(typeof(string), "BoControl_" + this.ClientID, "$(\"#" + TargetID + "\").on(\"click\",function(){$.openloading({msg:\"" + Text + "\", img: \"" +Page.ClientScript.GetWebResourceUrl(this.GetType(), "BoControl.Images.loading.gif")+ "\"});});", true);   
}   
base.OnPreRender(e); }

OnPreRender方法中
 Page.ClientScript.RegisterClientScriptResource(typeof(Loading), "BoControl.Scripts.Jquery.js");注册JQuery
 Page.ClientScript.GetWebResourceUrl(this.GetType(), "BoControl.Images.loading.gif");是获取Web资源文件路径，如果你不想把图片文件嵌入dll请改为真实路径（如：Images/Loading.gif），相反你需要像下面一样指明图片文件和JQuery文件，并且图片属性-生成操作为：嵌入的资源
 [assembly: WebResource("BoControl.Images.loading.gif", "image/gif")]//这里你还需注册JQuery
namespace BoControl
{
你还需要写Open方法和Close方法，方便后台代码中调用。
 如：

/// 
    /// 打开加载动画
    /// UpdatePanel注册
    /// 
    /// UpdatePanel对象
    public void Open(UpdatePanel panel)
    {
      if (Page != null)
      {
        ScriptManager.RegisterStartupScript(panel, panel.GetType(), "openloading", "$.openloading({msg:\"" + Text + "\", img: \"" + Page.ClientScript.GetWebResourceUrl(this.GetType(), "BoControl.Images.loading.gif"); + "\"});", true);
      }
    }

感谢你能够认真阅读完这篇文章，希望小编分享的“Asp.net自定义控件中加载层的示例分析”这篇文章对大家有帮助，同时也希望大家多多支持创新互联网站建设公司，，关注创新互联行业资讯频道，更多相关知识等着你来学习!


文章题目：Asp.net自定义控件中加载层的示例分析-创新互联
URL标题：http://bzwzjz.com/article/gsiod.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接： 成都网站设计 成都网站建设公司 营销网站建设 成都网站设计 成都网站建设公司 成都网站建设 网站制作 成都网站建设公司 手机网站设计 专业网站建设 重庆电商网站建设 做网站设计 重庆网站建设 成都商城网站建设 响应式网站设计方案 成都网站建设 网站设计制作 成都网站设计 自适应网站建设 成都网站制作 成都网站设计 网站制作