선택 태그 변경시 뷰 파트를 업데이트하는 방법

Question

ASP.Net MVC 1.0 사용하기 일부 입력 컨트롤이있는 폼이 있습니다. 그 중 하나는 드롭 다운 (선택)입니다. 이 드롭 다운이 사용자에 의해 변경되면 RenderPartial() 또는 이와 유사한 것을 사용하여 DIV 태그를 업데이트하려고합니다.

내보기는 현재 다음과 같이 :

<% using (var form = Html.BeginForm()) 
    { %> 
     <label for="FieldIdentifier">Identifier:</label> 
     <%=Html.TextBox("FieldIdentifier", Model.FieldIdentifier)%> 
     ... 

     <label for="DataType">DataType:</label> 
     <%=Html.DropDownList("DataType", Model.AvailableDataTypes)%> 

     <div id="DataTypeOptions"> 
      <% Html.RenderPartial("FieldDataTypeOptions", Model); %> 
     </div> 
     ... 

은 웹 양식에서 내가 찾고 있어요 기능은 드롭 다운과 DIV 주위에 UpdatePanel와 함께 할 수 있습니다. Ajax.BeginForm()이 여기에서 도움이 될 수 있습니까, 아니면 "OnChange"클라이언트 이벤트에서 JScript가 필요합니까? 그렇다면 JScript를 사용하여 뷰의 DIV 부분을 어떻게 업데이트합니까?

도움이 될 것입니다. 드롭 다운의 변화에 ​​따라 DIV를 업데이트 할 경우, 드롭 다운 값에 따라 단지 올바른 부분 뷰를 반환 할 수 있습니다 컨트롤러에서 작업을해야합니다

Answer 1

건배, 마크 . jQuery를 사용하여 드롭 다운에 대한 변경 핸들러를 추가하고 jQuery로드를 통해 부분을 가져 오는 액션을 호출하는 것이 좋습니다.

$(function() { 
    $("#DataType").change(function() { 
     $("#DataTypeOptions").load('<%= Url.Action("GetDataTypeOptions") %>?dataType=' + $(this).val()); 
    }); 
}); 

(DIV 이름에 주 변화 - 당신이 오타가 생각하는) 당신이 당신의 "가져 오기"방법이 필요한 경우

public ActionResult GetDataTypeOptions(string dataType) 
{ 
    var model = ... uses dataType to get model ... 

    return Partial("FieldDataTypeOptions", model); 
} 

와 같은 컨트롤러에 대한 작업을

더 많은 입력이 있으면 메소드에 매개 변수를 추가하고 추가 입력 요소의 값에서로드 호출의 매개 변수를 구성하십시오.