asp.net에서이 동적 컨트롤 텍스트 상자에 자바 스크립트 코드를 연결하는 방법

Question

코드 뒤에 동적 텍스트 상자 컨트롤을 만드는 중입니다 ... 내 질문은 있습니다. 내가 동적으로 만든 텍스트 상자에 자바 스크립트 코드를 첨부 할 수 있습니까?

여기 동적 텍스트 상자를 만드는 코드입니다.

TextBox t = new TextBox(); 
t.ID = "txtDynamic"; 
t.TextMode = TextBoxMode.MultiLine; 
t.Rows = 7; 

아래는 자바 스크립트입니다. 위의 컨트롤에 추가하고 싶습니다.

$('txtDynamic').limit('140','#charsLeft'); 

Answer 1

ASP.NET 웹폼을 사용하는 경우 항상 노력하고 렌더링 된 ID는 항상 서버 측 ID와 동일하지 않을 수 있기 때문에 내 자바 스크립트에서 ID를 참조 멀리.

일관성을 보장하려면 CssClass을 사용하고 jquery 선택기에는 # 접두어 대신 . 접두어를 사용하십시오.

TextBox t = new TextBox(); 
t.ID = "txtDynamic"; 
t.TextMode = TextBoxMode.MultiLine; 
t.Rows = 7; 
t.CssClass = "limit140"; 

$('.limit140').limit('140','#charsLeft'); 

Answer 2

이드는 serverside 코드로 변경되어 clientid를 사용해야합니다. 또한 귀하의 예에서는 jQuery 선택 자의 #이 누락되었습니다.

$('#<%=txtDynamic.ClientID%>').limit('140','#charsLeft'); 

코드가 인라인 JavaScript 인 경우에만 작동하며 외부 파일에서는 작동하지 않습니다.

CSSClass를 설정하고 선택기에서 참조하는 것이 더 좋습니다.