Jquery Datetime Picker не работает с главной страницей - PullRequest
Новая
       11

Jquery Datetime Picker не работает с главной страницей

0 голосов
/ 08 сентября 2011

jquery datepicker не работает в usercontrol через главную страницу .... изо всех сил .....

masterpage 

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <title>Master Page</title>
    <link href="App_Themes/LMSTheme/Style.css" rel="stylesheet" type="text/css" />
    <link type="text/css" rel="stylesheet" href="../App_Themes/LMSTheme/jquery-ui-1.8.16.custom.css" />

    <script type="text/javascript" src="../Scripts/jquery-1.6.2.min.js"></script>

    <script type="text/javascript" src="../Scripts/jquery-ui-1.8.16.custom.min.js"></script>

    <script src="Scripts/ui.datepicker.js" type="text/javascript"></script>

    <style>.Hide{ display:none;}</style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="divcontent">
            <table width="100%">
                <tr height="400px" valign="top">
                    <td width="10px">
                    </td>
                    <td>
                        <asp:ContentPlaceHolder ID="WorkArea" runat="server">
                        </asp:ContentPlaceHolder>
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

Это мой пользовательский контроль: 

 <%@ Control Language="C#" AutoEventWireup="true" CodeFile="HRApproveSwipeLeave.ascx.cs"
    Inherits="HRApproveSwipeLeave" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<link type="text/css" rel="stylesheet" href="../App_Themes/LMSTheme/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="../Scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery-ui-1.8.16.custom.min.js"></script>
<script src="../../Scripts/ui.datepicker.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $('#txtDate').datepicker({changeMonth: true,
            changeYear: true});
    });
</script>

<div class="demo">
    <asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
</div>

Это aspx, пока я называю главную страницу ..... 

 <%@ Page Language="C#" AutoEventWireup="true" Theme="LMSSkinFile" MasterPageFile="~/MasterPage.master" CodeFile="HRApprovSwipeLeave.aspx.cs" Inherits="HRApprovSwipeLeave" Title="ApproveSwipeLeave"%>
<%@ Register Src="UserControl/HRApproveSwipeLeave.ascx" TagName="HRApproveSwipeLeave" TagPrefix="LMS" %>
<asp:Content ID="LMS_HRApproveSwipeLeave" ContentPlaceHolderID="WorkArea" runat="Server">
    <asp:UpdatePanel ID="UpdatePanel" runat="server" UpdateMode="Conditional">
        <contenttemplate>
    <table>
        <tr>
            <td class="BoldCopy">
                <asp:Label ID="WelcomeUserName" runat="server" Visible="false"></asp:Label>                
            </td>
        </tr>       
    </table>
    <table> 
        <tr>
            <td>                
               <asp:Label ID="ApproveSwipeLeave" Font-Bold=true ForeColor=red runat="server"></asp:Label>      
            </td>
        </tr>  
        <tr>
            <td>                
                <LMS:HRApproveSwipeLeave ID="LMSHRApproveSwipeLeave" runat="server" />  
            </td>
        </tr>
           </table>
       </contenttemplate>
    </asp:UpdatePanel>
</asp:Content>

Примечание: средство выбора времени jquery, когда я запускаю пользовательский элемент управления, вообще не запускается... если я создаю пример aspx и работаю, он работает .... я не могу изменить код на главной странице или ascx или aspx ... для вашей справки я отправил три.помогите помочь в решении ..Я много копаю с этим .....

Ответы [ 2 ]

0 голосов
/ 07 ноября 2011

код ниже работает для меня.

Мастер-страница 

<head runat="server">
<%--JQUERY--%>

<link rel = "Stylesheet" href ="../jquery-ui-1.8.13.custom/development-bundle/demos/demos.css" />
<link rel = "Stylesheet" href ="../jquery-ui-1.8.13.custom/development-bundle/themes/base/jquery.ui.all.css" />

<script language="javascript" src="script.js"> </script>

<script src="../Scripts/jquery-1.6.1.js" type="text/javascript"></script>
<script src="../Scripts/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script>

<%--JQUERY--%>

Страница клиента 

<asp:Content ID="Content1" ContentPlaceHolderID="maincontent" Runat="Server">
    <script type ="text/javascript">
        $(function () {

            $("#<%= txtDate.ClientID  %>").datepicker();

        });

    </script> 

        <div id ="divname">

            <asp:TextBox ID = "txtDate" runat ="server"></asp:TextBox>

        </div> 
    </asp:Content>
0 голосов
/ 08 сентября 2011

Причина, по которой он не работает, заключается в том, что сгенерированный идентификатор вашего элемента управления, вероятно, не является #txtDate.Если вы хотите, чтобы он оставался таким, установите для его свойства ClientIDMode значение Static.В противном случае используйте другой селектор jquery.

...