자바 스크립트가있는 부분 뷰

Question

드롭 다운 목록 (telerik 드롭 다운 목록)이 있으며 모든 옵션에 대해 내 컨트롤러에서 다른 부분 뷰를 호출합니다.

onChange = function (e) 
{ 
    var product = e.value; 
    if (product) 
    { 
     $.post(myUrl, 
      { CodigoProduto : product }, // passing the product to my controller 
      function (retorno) { 
       // insert the partial view in a div 
       $('#AreaGenerica').html(retorno); 
      } 
     ); 
    } 
} 

첫 번째 옵션은 자바 스크립트 코드를

<script type=\"text/javascript\"> 
    function PartialViewFunction() { 
     alert("test"); 
    } 
</script> 
<h2>Option A</h2> 

포함하고, 두 번째 옵션은 자바 스크립트 코드가없는 부분 뷰를 리턴하는 부분 뷰를 반환한다. 내보기에서
는 내가 첫 번째 옵션을 선택한 다음 두 번째 'PartialViewFunction가'아직 호출되고 있지만 경우

ViewFunction = function() { 
     // check if the function 'PartialViewFunction' exists. 
     if (typeof PartialViewFunction === "function") 
     { 
      PartialViewFunction(); 
     } 
    }; 

이 이

는 그것이 아무튼 안 내 문제가되어 때문에 그 부분보기 내부의 함수를 호출 두 번째 부분보기 안에 존재하지 않습니다.
answer 다음 부분보기가 포함 된 div를 제거하려고했지만 작동하지 않았습니다.

미리 감사드립니다. 내 영어를 이해할 수 있기를 바랍니다.

편집 : 나는 부분 뷰에서 자바 스크립트를 포함하여 피할 것이다 일반적으로

@(Html.Telerik().DropDownList() 
     .Name("grpAutorizacaoPublicacao") 
     .SelectedIndex(0) 
     .Effects(e => e.Opacity()) 
     .ClientEvents(e => 
      { 
       e.OnChange("onChange"); 
      }) 
     .DataBinding(db => db.Ajax().Select("_ListaGrupoAutorizacao", "Publicador"))) 

Answer 1

. 약 advice을 검색 할 수 있습니다. 이는 JS를 리팩터링하여 일반적인 것으로 볼 수 있으며 항상 적절한 뷰에서 포함 할 수 있습니다. 그러한 디자인 패턴은 당신의 문제를 해결하거나 적어도 이해하고 수정하는 것이 더 쉽다고 생각합니다.

또는 onChange 함수를 첫 번째 select 요소로 제한해야하는 것처럼 보입니다. 표시된 코드는 onChange 이벤트를 호출하는 코드를 명확히하지 않습니다. 첫 번째 선택을하기 전과 후에 select 요소의 html을 포함 할 수 있습니다.