Javascript在Updatepanel中无法正常工作 [英] Javascript not working inside Updatepanel

问题描述

我在updatepanel中使用了两个javascript函数，

1）日历

2）自动完成



我想将所有这些页面控件放在更新面板中。如果我删除Updatepanel然后javascript将工作，否则它不会。如何让它在updatepanel内部运行javascript。

 <   asp：内容    ID   =  Content1    ContentPlaceHolderID   =  ContentPlaceHolder1    Runat   = 服务器 >  
 <   ajax：ScriptManager     id   = < span class =code-keyword> ScriptManager1      runat   =  server >  
 
 <   ajax：UpdatePanel     id   =  UpdatePanel1      runat   =  server >  
 <   contenttemplate  >  
 <   link     rel   ='  stylesheet'    href   =  ../ Calendar / calendar.css    title   =' 日历'  /   >  
 <   script     type   =  text / javascript     language   = < span class =code-keyword> javascript    src   =  ../ Calendar / calendar.js >  <   / script  >  
 <   script     src   =  .. /scripts/jquery-1.4.1.min.js\"   type   =  text / javascript >  <   / script  >  
 <   script     src   =  ../ Scripts / jquery.autocomplete.js    type   =  text / javascript >  <   / script  >  
 <   script     type   =  text / javascript >  
 $（document） .ready（function（）{
 $（＃<％ = txtSearch.ClientID ％> \").autocomplete('../Search_CS.ashx'）; 
}）; 
 <   / script  >  
 
 <   asp：TextBox     ID   =  txtDte     runat   = < span class =code-keyword> server    CssClass   =  textbox   已启用  = 错误    ReadOnly   =  True  >  <   img     id   =  imgDte      runat   =  server    align   =  middle  
   
                                           alt   =      önmouseover  =  fnInitCalendar（this，'txtDte'，'style = calendar.css， close = true'）  
   
                                           src   =  ../ Calendar / cal.gif    visible   =  false    /  >  
 
 <   asp ：TextBox     ID   =  txtSearch    runat   =  server    CssClass   =  textbox  
   
                                   TabIndex   =  1    宽度  = < span class =code-keyword> 300px >  
 <   / contenttemplate  >  

解决方案

（document）.ready（function（）{

（＃<％ = txtSearch .ClientID ％> ）。autocomplete（'../ Search_CS.ashx'）;
}）;
< / script >

< asp：TextBox ID = txtDte runat = < span class =code-keyword> server CssClass = textbox 已启用 = 错误 ReadOnly = True > < img id = imgDte runat = server align = middle

alt = önmouseover = fnInitCalendar（this，'txtDte'，'style = calendar.css， close = true'）

src = ../ Calendar / cal.gif visible = false / >

< asp ：TextBox ID = txtSearch runat = server CssClass = textbox

TabIndex = 1 宽度 = < span class =code-keyword> 300px >
< / contenttemplate >

''

I am using two javascript functions inside the updatepanel,
1) Calendar
2) Autocomplete

I want to put all this page controls inside the Update panel. If i remove the Updatepanel then javascript will work else it won''t. How can i make it work the javascript inside updatepanel.

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
                <ajax:ScriptManager id="ScriptManager1"  runat="server">
                 
<ajax:UpdatePanel id="UpdatePanel1"  runat="server">
<contenttemplate>
<link rel='stylesheet' href="../Calendar/calendar.css" title='calendar'/>
<script type="text/javascript" language="javascript" src="../Calendar/calendar.js"></script>
 <script src="../scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.autocomplete.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#<%=txtSearch.ClientID%>").autocomplete('../Search_CS.ashx');
    }); 
</script>

<asp:TextBox ID="txtDte" runat="server" CssClass="textbox" Enabled="False" ReadOnly="True"><img id="imgDte"  runat="server" align="middle"

                    alt=""  önmouseover="fnInitCalendar(this, 'txtDte', 'style=calendar.css,close=true')"

                    src="../Calendar/cal.gif" visible="false" />

<asp:TextBox ID="txtSearch" runat="server" CssClass="textbox"

                TabIndex="1" Width="300px">
</contenttemplate>

解决方案

(document).ready(function() {

("#<%=txtSearch.ClientID%>").autocomplete('../Search_CS.ashx'); }); </script> <asp:TextBox ID="txtDte" runat="server" CssClass="textbox" Enabled="False" ReadOnly="True"><img id="imgDte" runat="server" align="middle" alt="" önmouseover="fnInitCalendar(this, 'txtDte', 'style=calendar.css,close=true')" src="../Calendar/cal.gif" visible="false" /> <asp:TextBox ID="txtSearch" runat="server" CssClass="textbox" TabIndex="1" Width="300px"> </contenttemplate>

''

这篇关于Javascript在Updatepanel中无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！