동적 인 asp.net의 웹 사이트 코드

Question

나는 도전적으로 보이는 프로젝트가 할당되었습니다. 이 웹 페이지에서 "컴퓨터 요청"을 클릭하면 모듈 * 아래에 새 섹션을 추가하고 싶습니다. 이 섹션은 정보를 입력하기위한 텍스트 상자가있는 "코스트 센터"라고합니다. 나는 그것이 텍스트 박스와 함께 Subject * 라인처럼 보이기를 원하지만, subject 대신에 나는 모듈 아래에 새로운 라인을 원한다.

모든 데이터가 동적으로 사용됩니다. 누구든지 시작할 방향을 올바르게 알려줄 수 있습니까? 분명히 클라이언트 측 코드를 사용해야합니다.

Answer 1

UpdatePanel control을 조사하는 것이 좋습니다. 이것은 당신이 필요한 것을하는 데 도움이 될 수 있습니다.

Answer 2

자리 표시자는 매우 적합한 선택입니다. 사용자가 동적 컨트롤을 바인딩하려고 할 때 유용하며 위치를 수정할 수도 있습니다. 매우 간단한 데모 : http://www.java2s.com/Code/ASP/Asp-Control/DealwithaspplaceholdercontrolfromcodebehindC.htm

Answer 3

페이지에 항목을 만들지 말고 "컴퓨터 요청"값을 선택하면 숨기거나 표시 하시겠습니까? 드롭 다운 목록의 autopostback 속성을 true로 설정하여이 작업을 수행 할 수 있으며 코드 숨김에서 테스트 할 수 있습니다.

Answer 4

클라이언트 측 코드에서이를 완벽하게 수행하려면 "코스트 센터"행을 만들고 가시성을 false으로 설정하십시오. 그런 다음 "컴퓨터 요청"항목이 선택되었는지 확인하는 javascript 함수에 드롭 다운 목록의 onchange 이벤트를 연결합니다. 그렇다면 가시성을 true으로 변경하십시오. jQuery to do this을 사용할 수도 있습니다.

편집

$(document).ready(function() { 
    $('#yourSelectId').change(function() { 
     var selectedVal = $('#yourSelectId option:selected').attr('value'); 
     if(selectedVal == computerRequestItemValue) 
      $('#costCenterRow').show(); 
     else 
      $('#costCenterRow').hide(); 
    }); 
});