integration of jquery inside webform using master page

StackOverflow https://stackoverflow.com/questions/21941363

Question

I've an application MVC 4 where unfortunately i need to put few aspx web forms in order to use ReportViewerControl ...

My problem is that trying to use a MasterPage for these aspx web forms, jquery stopped working.

This is masterPage code

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterAspx.master.cs" Inherits="GestioneMovimentazioni.MasterAspx" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <link href="Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
    <link href="Content/themes/red_green_white/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery.ui.datepicker-it.js"></script>


    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>

</head>

<body>

    <form id="form1" runat="server">
    <div>
         <div id="div_header" class="div_header">
            <div class="float-left">
                <img src="~/Images/img_sx_r.png" />
            </div>
            <div id="page_title" class="float-left div_header_page_title" >

            </div>
            <div class="float-right">
                <img src="~/Images/img_dx_r.png" />
            </div>
        </div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" >

        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

And this is the form

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterAspx.Master" AutoEventWireup="true" CodeBehind="BilCom.aspx.cs" Inherits="GestioneMovimentazioni.BilCom" %>

<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>



<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    <script type="text/javascript">
        $(document).ready(function () {

            $('#txtDate').datepicker({
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true,
                dateFormat: 'MM yy',
                onClose: function (dateText, inst) {
                    var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                    var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                    $(this).datepicker('setDate', new Date(year, month, 1));
                }
            });


        });
    </script>
    <style>
        .ui-datepicker-calendar {
            display: none;
        }
    </style>


</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">


      <div class="div_display_table">
            <div class="div_display_table_row">
                <div class="div_display_table_cell">
                    <label id="label_data_filter">Mese</label>
                </div>

               <div class="div_display_table_cell">
                    <label id="label1">Calcola</label>
                </div>
            </div>


            <div class="div_display_table_row">
                <div class="div_display_table_cell">
                    <asp:TextBox ID="txtDate" runat="server" class="input_add w_80"></asp:TextBox>

                </div>
                                  <div class="div_display_table_cell">
                    <asp:ImageButton ID="btnCalcola" runat="server" ImageUrl="~/Images/calcola.png" />
                </div>
            </div>
        </div>

        <div>

               <asp:ScriptManager ID="ScriptManager2" runat="server" />

            <rsweb:ReportViewer ID="ReportViewer1" runat="server" Width="900px" Height="650px"
                Font-Names="Calibri" Font-Size="8pt" WaitMessageFont-Names="Calibri"
                WaitMessageFont-Size="14pt">

            </rsweb:ReportViewer>
         </div>

</asp:Content>

can you help me to understand why datepicker has stopped working? thank you!

No correct solution

OTHER TIPS

you need to set the property "ClientIDMode" of the asp textbox to "Static"

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top