JS引用放在updatepanel内,出现的一些异常!
今天写了一个用户控件,用户控件中引用了一个JS文件.
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>
<script language="javascript" type="text/javascript" src="JS/InputableDropDownList.js"></script>
<asp:TextBox ID="txtList" runat="server" Width="150px" onclick="GetDropDownList(this)" onkeyup="GetDropDownList(this)" datasource="" autocomplete="off" pagecount="18" value_to_input=""></asp:TextBox>
<input id="hf_value" type="hidden" runat="server" style="width:0px;"/>
如果不使用Updatepanel,使用起来没有问题, 但是,如果把用户控件放到updatepanel中,无论updatepanel的updatemode,childrensastriggers如何设置, 只要页面回发了一次,再将焦点放到用户控件输入框中,就会出现异常,
异常表面上看上去是页面凌乱, 在GetDropDownList中,设置debugger,会发现出现"没有可用于当前位置的源代码"
如果将用户控件中的JS引用,放到页面上(aspx页面)引用,将用户控件中的引用去掉,就不会报错!
然后我又单独地将页面上的JS引用放到Updatepanel内,就会再次出现一样的错误!
为什么? 如何做才能找到源文件?
附: 出错后,通过查看页面的源文件,发现JS引用的代码是存在的:
<div id="UpdatePanel1">
<div>
<br />
<script language="javascript" type="text/javascript" src="JS/InputableDropDownList.js"></script>
<input name="InputableDropDownList1$txtList" type="text" id="InputableDropDownList1_txtList" onclick="GetDropDownList(this)" onkeyup="GetDropDownList(this)" datasource="" autocomplete="off" pagecount="18" value_to_input="" style="width:150px;" />
<input name="InputableDropDownList1$hf_value" type="hidden" id="InputableDropDownList1_hf_value" style="width:0px;" />
<br />
<input type="submit" name="Button1" value="Button" id="Button1" />
<input name="TextBox1" type="text" id="TextBox1" />
</div>