asp.net <%: %> 구문을 사용하여 MVC 응용 프로그램에서 javascript를 생성하십시오.

Question

ID, ImageUrl 및 링크 URL이 포함 된 SliderItems 목록을 반복 실행하는 for 루프가 있습니다.

<% foreach (var item in Model) { %> 
    <a href="#"><img id="<%: item.ImageID %>" src="<%: item.ImageUrl %>" class="slide" alt="" /></a> 
<%} %> 

나는 나의 SliderItem.ID

<script type="text/javascript"> 
      if (!window.slider) var slider = {}; slider.data = [{ "id": "slide-img-1" }, { "id": "slide-img-2" }, { "id": "slide-img-3" }, { "id": "slide-img-4"}]; 
     </script> 

무엇이 최선으로 "슬라이드 img- #"을 대체 통해 루프 필요가 자동으로 비슷한 FASION이 자바 스크립트에 대한 데이터 매개 변수를 생성 이것에 대해가는 길?

Answer 1

는 개인적으로는 자신의 볼 수있는 모든 JSON 데이터를 생성하기 위해 같은 이상 비동기 호출을하거나 컨트롤러

public ActionResult thingie() 
    { 
     var retVal = Json(new { blah = 1, foo = 2, bar = 3 }, JsonRequestBehavior.AllowGet); 
     retVal.ContentType = "text/html"; 
     return retVal; 
    } 

또는 간단한 대답이다와 함께이

<script type="text/javascript"> 
    <%=Html.Action("thingie").ToString() %> 
    </script> 

을 수행 할 수 있습니다 위에서 한 일을 정확하게 수행하십시오.

<script type="text/javascript"> 
     if (!window.slider) var slider = {}; 
     slider.data = [ 
      <% foreach (var item in Model) { %> 
       { "id": "slide-img-1" }, 
      <%} %> 
      ]; 
    </script>