JQueryUI and ASP.NET UpdatePanel Question? Is there any quick alternative?

Question

I have been using asp.net programming in just a few months, and I need to support an application consisting of many aspx web forms with updatable panels.

One of the maintenance tasks is the integration of some JQueryUI widgets (mainly dampikers, tabs and buttons).

I am having some problems doing this smoothly when the controls

• Inside the update panel
• Usually inside any template control (e.g. Wizard)

For example, this very simple code:

<script type="text/javascript">

$ (document) .ready (function () {

 $("#myTabs").tabs();

 $("[ID$=TextBox2]").datepicker();
 $("[ID$=btnOk]").button();

});
</script>

<div>
    Jquery UI controls inside a div (Tabs, datepicker and buttons)
    <br />
    <div id="myTabs">
     <ul>
      <li><a href="#myTabs-1">quick sample</a></li>
     </ul>
     <div id="p-tabs-1">
         <p>In this page there are a datepicker control and a button</p>
         <p>
         Please select a date :<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
         <br />
         <asp:Button ID="btnOk" runat="server" Text="Ok" OnClientClick="btnOk_Click" />
         </p>
     </div>
 </div>
</div>

will stop working immediately if it is inside the update panel.

, ? ? ?

Lorenzo

Answer 1

Chuck javascript (Sys ). Googling post, . !:)

Answer 2

: jQuery $(document).ready UpdatePanels?

javascript, jquery. , .