CODEWITHSUNDEEP
jqueryasp.net
Ravisankar Reddy
Ravisankar Reddy

Reputation: 51

Jquery is not working with update panel while update panel is updated in asp.NET

Jquery is not working with update panel while update panel is updated in asp.NET

Uncaught Sys.InvalidOperationException: Sys.InvalidOperationException: Could not find UpdatePanel. 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="datepicker.aspx.cs" Inherits="WebApplication1.datepicker" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script>
        $(document).ready(function () {
            $("#dater").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });
    </script>
</head>
<body>
    <form runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <p>
            Pick a Date:
            <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                <ContentTemplate>
                    <asp:TextBox ID="dater" runat="server" AutoPostBack="true" OnTextChanged="dater_TextChanged"></asp:TextBox>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </ContentTemplate>
            </asp:UpdatePanel>
        </p>
    </form>
</body>
</html>

Upvotes: 1

Views: 967

Answers (2)

Ravisankar Reddy
Ravisankar Reddy

Reputation: 51

not only in date picker,same issue is coming in like tooltip messages, model views which ever controls are using jquery with update panel

Upvotes: 0

A_Sk
A_Sk

Reputation: 4630

Try this:

  $(function () {
            $("#dater").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });
        $(document).ready(function () {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

            function EndRequestHandler(sender, args) {
                $("#dater").datepicker({
                    changeMonth: true,
                    changeYear: true
                });
            }

        });

Upvotes: 1

Related Questions