aspx 페이지에서 userControl 내의 웹 컨트롤에 액세스하는 방법

Question

나는 usercontrol 안에 2 개의 텍스트 상자 컨트롤을 가지고 있습니다. TextBoxUC.ascx
저는 usercontrol이 포함 된 page.aspx가 있습니다. 어떻게 page.aspx에서 자바 스크립트를 사용하여 각 텍스트 상자에 대한 참조를 얻을 수 있습니까?

Answer 1

사용자 정의 컨트롤을 수정할 권한이 있습니까? 그렇다면 각각의 컨트롤에 대한 클라이언트 ID를 반환하는 Textbox1ClientID 및 Textbox2ClientID와 같은 속성을 추가 할 수 있습니다.

사용자 제어 C 번호 : 페이지

public string Textbox1ClientID { get { return this.textbox1.ClientID; } } 

JS : 당신은 사용자 정의 컨트롤을 변경할 수없는 경우

var text1 = document.getElementById('<% =this.UserControl1.Textbox1ClientID %>'); 

, 수동 함께 그는 클라이언트 ID 문자열을 넣어해야합니다.

JS :

var text1 = document.getElementById('<% =this.UserControl1.ClientID %>_Textbox1'); 

Answer 2

컨트롤 이름은 UserControl1_TextBox1과 비슷해야합니다.

document.getElementByID ('UserControl1_TextBox1');

Answer 3

의 그것은 당신의 텍스트 상자 클래스 이름을주고 거기에 자신의 아이디, JQuery와 사용하고 당신이 그들에 액세스 할 수있는 가장 좋은 방법은, 당신의 UserControl을 내부

을 생성하기 때문에 당신은 masterPage 또는 UserControl을 경우를 사용하고 정말 열심히 경우

< ASP : 텍스트 상자 ID = "_ text01"클래스 = "텍스트 상자" RUNAT = "서버"/>

및 JQuery와의

당신은 그 (것)들에게

0123에 액세스 할 수 있습니다

$ (". 텍스트 상자"). addClass ("borderStyle");

이 작품이 당신에게 도움이 되었기 바랍니다.

Answer 4

$('#<%= userUC.FindControl("txtFname").ClientID %>') 

Answer 5

당신은 어떤 영문 컨트롤의 정적에 재산 ClientIdMode를 설정하고 쉽게 찾을 수 있습니다.