UpdatePanel触发javascript脚本技巧

相信很多同志都已经遇到这个问题了.这个本身不奇怪.下面我们来具体讨论 此问题.

一.预呈现数据无法更改

1.大家知道,预呈现的数据是无法更改的,以前可能提到过,这里再看demo,自 定义一个控件

[DefaultProperty("Text")]
   [ToolboxData("<{0}:JsControl runat=server></ {0}:JsControl>")]
   public class JsControl : WebControl
   {
     [Bindable(true)]
     [Category("Appearance")]
     [DefaultValue("")]
     [Localizable(true)]
     public string Text
     {
       get
       {
         String s = (String)ViewState["Text"];
         return ((s == null) ? String.Empty : s);
       }
       set
       {
         ViewState["Text"] = value;
       }
     }
     protected override void OnPreRender(EventArgs e)
     {
       Text = "hello,you can't change me";
       base.OnPreRender(e);
     }
     protected override void RenderContents(HtmlTextWriter output)
     {
       output.Write(Text);
     }
   }

aspx页面

  protected void Button1_Click(object sender, EventArgs e)
   {
     JsControl1.Text = "I want to change the Text property";
   }

你会发现你并未更改属性.这牵涉到控件生命周期的执行.为什么要说这个,因 为控件的大部分脚本都是在预呈现中注册的. 

这有什么问题吗? 其本身想法很好,脚本在此事件(指OnPreRender)中注册,注 册脚本资源在前(控件夹中间),脚本初始化在最后.这符合javascript的使用原则 ,先导入脚本,然后有标签,初始化的脚本须放在标签后面.

时间: 2016-09-06

UpdatePanel触发javascript脚本技巧的相关文章

UpdatePanel触发javascript脚本的方法附代码_应用技巧

一.预呈现数据无法更改 1.大家知道,预呈现的数据是无法更改的,以前可能提到过,这里再看demo,自定义一个控件 [DefaultProperty("Text")] [ToolboxData("<{0}:JsControl runat=server></{0}:JsControl>")] public class JsControl : WebControl { [Bindable(true)] [Category("Appeara

UpdatePanel触发javascript脚本的方法附代码

一.预呈现数据无法更改 1.大家知道,预呈现的数据是无法更改的,以前可能提到过,这里再看demo,自定义一个控件 [DefaultProperty("Text")] [ToolboxData("<{0}:JsControl runat=server></{0}:JsControl>")] public class JsControl : WebControl { [Bindable(true)] [Category("Appeara

浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入_javascript技巧

在<浏览器环境下JavaScript脚本加载与执行探析之defer与async特性>中,我们研究了延迟脚本(defer)和异步脚本(async)的执行时机.浏览器支持情况.浏览器bug以及其他的细节问题.而除了defer和async特性,动态脚本和Ajax脚本注入也是两种常用的创建无阻塞脚本的方法.总的来看,这两种方法都能达到脚本加载不影响页面解析和渲染的作用,但是在不同的浏览器中,这两种技术所创建的脚本的执行时机还是有一定差异,今天我们再来探讨一下通过动态脚本技术和Ajax注入的脚本在这些方

浏览器环境下JavaScript脚本加载与执行探析之defer与async特性_javascript技巧

defer和async特性相信是很多JavaScript开发者"熟悉而又不熟悉"的两个特性,从字面上来看,二者的功能很好理解,分别是"延迟脚本"和"异步脚本"的作用.然而,以defer为例,一些细节问题可能开发者却并不一定熟悉,比如:有了defer特性的脚本会延迟到什么时候执行:内部脚本和外部脚本是不是都能够支持defer:defer后的脚本除了会延迟执行之外,还有哪些特殊的地方等等.本文结合已有的一些文章以及MDN文档中对两个特性的阐述,对de

通用javascript脚本函数库 方便开发_javascript技巧

将下面代码保存为Common.js 类库功能: 1.Trim(str)--去除字符串两边的空格 2.XMLEncode(str)--对字符串进行XML编码 3.ShowLabel(str,str)--鼠标提示功能(显示字符,提示字符) 可以设置显示的提示的文字的字体.颜色.大小以及提示的背景颜色.边框等 4.IsEmpty(obj)--验证输入框是否为空 5.IsInt(objStr,sign,zero)--验证是否为整数,正整数,负整数,以及是否包括零 6.IsFloat(objStr,sig

使用JavaScript脚本判断页面是否在微信中被打开_javascript技巧

1.根据User-Agent判断 // Js获取User-Agent window.navigator.userAgent if(window.navigator.userAgent.match(/MicroMessenger/i) == "micromessenger") // Php获取User-Agent echo $_SERVER['HTTP_USER_AGENT']; if(strpos($_SERVER['HTTP_USER_AGENT'],'MicroMessenger'

借助JavaScript脚本判断浏览器Flash Player信息的方法_javascript技巧

今天研究了点Flex技术,做了一个小的Demo,在测试时发现经常报错,网上一查发现是浏览器Flash Player版本较低造成(需要10及其以上的版本)的,对此总结了一下借助JavaScript脚本判断浏览器Flash Player信息的方法: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>JavaScript判断浏

Javascript脚本实现静态网页加密实例代码_javascript技巧

Javascript脚本实现静态网页加密,阅读Javascript脚本实现静态网页加密,前两天看见有人问静态网页加密问题,就写了这个代码思路:加密时:先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js变量中.解密时:询问密钥,然后操作同加密 前两天看见有人问静态网页加密问题,就写了这个代码 思路: 加密时:先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js变量中. 解密时:询问密钥,然后操作同加密. 因为用了md5,个人

JavaScript脚本库编写的方法_javascript技巧

JavaScript就是所谓的客户端脚本语言,是一种在互联网浏览器(浏览器也称为Web客户端,因为它连接到Web服务器上,以下载页面)内部运行的计算机编程语言.JavaScript的工作方式很有趣.普通网页内都会插入一些JavaScript代码.当浏览器加载该页面时,浏览器的内置解释器将读取并运行它在该页面中找到的JavaScript代码. 做Web开发已经四年,或多或少积累了一些JavaScript脚本.比如,限制input只允许输入数字的脚本:敲回车自动转到下一个控件,相当于Tab键的作用一