ASP.NET 사용자 정의 컨트롤의 jQuery

ASP.NET 사용자 정의 컨트롤에서 jQuery를 사용하고 싶습니다. 어떤 사람이 올바른 방법으로 어떻게하는지 말해 줄 수 있습니까? 텍스트 상자에 datepicker를 구현하려고합니다. 나는 ASP.NET과 jQuery를 처음 사용한다.ASP.NET 사용자 정의 컨트롤의 jQuery

미리 감사드립니다.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Employer.ascx.cs" Inherits="Employer" %> 
<script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
<link href="/Styles/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" /> 
<script src="/Scripts/jquery.ui.core.js" type="text/javascript"></script> 
<script src="/Scripts/jquery.ui.widget.js" type="text/javascript"></script> 
<script src="/Scripts/jquery.ui.datepicker.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(function() { 
     $("#SDate").datepicker(); 
     $("#EDate").datepicker(); 
    }); 
</script> 
<p> 
    Company:<asp:TextBox ID="CBox" runat="server" /> 
    <asp:RequiredFieldValidator ID="ERVal" runat="server" ErrorMessage="Please Enter The Company Name" ControlToValidate="CBox"></asp:RequiredFieldValidator> 
</p> 
<p> 
Start Date:<asp:TextBox ID="SDate" runat="server" CssClass="DatepickerInput" /> 
</p> 
<p> 
End Date:<asp:TextBox ID="EDate" runat="server" CssClass="DatepickerInput" /> 
</p> 
<p> 
Pay:<asp:TextBox ID="PayBox" runat="server" /> 
</p> 
<p> 
Role:<asp:DropDownList ID="RLBox" runat="server" > 
    <asp:ListItem Text="Admin" Value="Admin" /> 
    <asp:ListItem Text="Employer" Value="Employer" /> 
</asp:DropDownList> 
</p>

출처

2012-02-02 Satish Nissankala

어떤 코드를 시도했는지, 어떤 문제가 있습니까? – Devjosh

이것은 내가 시도한 코드입니다. –

@SatishNissankala - 당연히 작동하지 않습니다 ... 코드가 없습니다. –

렌더링 된 HTML을 보면 ID가 변경된 것을 볼 수 있습니다. 이것은 웹 폼의 일부입니다.

시도 :

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

출처

2012-02-02 17:21:26 Jack

여전히 작동하지 않습니다. –

내가 잘못하고있는 곳을 나는 모른다. –

자바 스크립트 콘솔 오류가 발생하고 있습니까? – Jack

이

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

    }); 
</script>

출처

2012-02-02 17:29:03 Devjosh

'$ (function() {}); '도 마찬가지입니다. – Jack

jquery selector @Jack을 대체하여 웹 사용자 컨트롤 마크 업에서 생성 된 클라이언트 ID를 제거했습니다. – Devjosh

오, 정말 미안 해요, 미안 해요. – Jack

당신에게 스크립트 블록을 대체이 시도 :

$("input[id$=SDate]").datepicker(); 
$("input[id$=EDate]").datepicker();

나는 내 상자에 작업을 얻었다. 달러 기호는 와일드 카드 속성 선택자의 유형으로, 텍스트로 끝나는 모든 ID입니다.

출처

2012-02-02 17:35:44

유망한 접근 – Devjosh

답변 해 주셔서 감사합니다. –

@satish 이것이 당신을 위해 일한 경우 선택한 대답으로 표시하는 것이 좋습니다. 답변을 받아들이려면 올바른 기호를 클릭하십시오. 그러면 우리와 같은 다른 영업 담당자에게 도움이 될 것입니다. :) – Devjosh

ASP.NET 사용자 정의 컨트롤의 jQuery

답변

관련 문제