잡아 asp.net 컨트롤은 자바 스크립트

Question

에 나는 그것이 코드 등을 압도지고있는 페이지가 있습니다. 더 나은 접근 방법이 있습니까?

document.getElementById를 다음 나는이 같은 코드와 끝까지 때문에 작동하지 않습니다

:

var textBox = document.getElementById("originDestinationControl_textState"); 

또는

var textBox = document.getElementById("ctl00_ContentPlaceHolder_originDestinationControl_textState"); 

내가 마스터 페이지 내에서 (이러한 컨트롤을 참조하고 위치에 따라와/또는 usercontrols)

Answer 1

나는 일반적으로이 파일을 별도의 js 파일을 사용하려는 페이지에 붙입니다.

<script type="text/javascript"> 
    var pageNameElements = { 
     textbox : '<%= textbox.ClientId %>', 
     button : '<%= button.ClientId %>' 
    }; 
</script> 

이렇게하면 js 파일에서 사용할 수있는 모든 컨트롤 ID로 멋진 자바 스크립트 개체를 얻을 수 있습니다.

$('#' + pageNameElements.textbox) 

또는

document.getElementById(pageNameElements.textbox) 

당신이 jQuery를 사용하지 않는 경우.

Answer 2

. NET 4.0을 사용하면 실제로 제어 할 수 있습니다.

Visual Studio 2010과 함께 릴리스 후보가 나왔습니다. 이상적인 솔루션은 아니지만 그 중 하나입니다.

http://msdn.microsoft.com/en-us/vstudio/dd582936.aspx

Answer 3

나는 문제가 발생할 것 같아요.

textState.ClientId 코드는 aspx 페이지 자체에 있어야합니다. 렌더링 된 클라이언트 측 때문입니다. JavaScript 포함 파일은 나머지 페이지와 별도로 다운로드되므로 처리 방법을 알 수 없습니다.

에이 파일을 정리하려면이 필요하면 고전적인 asp 스타일 포함 파일을 사용해보세요. 그러나 asp.net에서 그들은 그들이 고치는 것보다 더 많은 엉망을 추가하게됩니다.

Answer 4

jQuery를 배우는 것이 좋습니다. 내가 그것을 사용하기 시작한 이후로 나는 한 번도 페이지의 컨트롤을 얻기 위해 지저분한 asp 태그를 다루지 않았다.

var textBox = $get("<%=textState.ClientID%>"); 

는 jQuery를에

var textBox = $("input[id$='_textState']"); 

처럼 보일 것입니다. 그리고 더 나은, 당신은 그것을 자신의 js 파일에 넣을 수 있습니다!