ASP.NET MVC 2 & Dynamic JavaScript

Question

항목을 클릭하면 Fancybox JavaScript 플러그인을 사용하여 여러 개의 이미지가 표시되는 정렬되지 않은 목록이 있습니다.

이것을 ASP.NET MVC 2로 변환하려고하는데 동적으로 이미지 경로와 제목 등을 JavaScript에 전달하여 JavaScript에 하드 코딩하지 않도록하고 싶습니다.

function DisplayImages() { 

    $.fancybox([ 
{ 'href': 'Image Path goes here', 'title': 'Image Title goes here' }, 
{ 'href': 'Another Image path goes here', 'title': 'Another image title' } 
], { 
    'padding': 0, 
    'transitionIn': 'none', 
    'transitionOut': 'none', 
    'type': 'image', 
    'changeFade': 0 

}) 
}; 

HTML

<ul> 
    <li><a href="DisplayImages();" title="Images"> Show Images</a></li> 
    </ul> 

자바 스크립트이 할 수 있습니까? 내가 제대로 이해하면 어떤 도움이 많이

감사

Answer 1

을 감사합니다, 당신이 찾고 될 수 있습니다

function DisplayImages() { 
    $.fancybox([ 
    { 'href': '<%= Model.ImagePath %>', 
     'title': '<%= Model.ImageTitle %>' }, 
    { 'href': '<%= Model.AnotherImagePath %>', 
     'title': '<%= Model.AnotherImageTitle %>' }], 
    {'padding': 0 //yada yada}  
    }) 
}; 

당신은 영문/ASCX보기에서이 코드를 작성하는 가정하면,이 데이터를 포함합니다 서버 측에서 렌더링 된 html로 직접 'echo'같은 PHP에서 않습니다.

모델은 컨트롤러에서보기 위해 전달할 개체입니다.

스티븐 발터 (Stephen Walther)의 how-to입니다.

---

귀하의 문제는 실제로 서버 측에서 데이터를 삽입하지만 인수로 플러그인 여러 이미지 경로와 제목을 전달하는 방법에 대한 그 정도가 아닌 경우 JSON serialization (<는 하나 --that 방법, 당신은 체크 아웃 할 수 있습니다 그것을 달성하는 방법) 작동합니다. 내가 가장 가능성이 물체를 통과 직렬화 htmlHelper를 작성하고 다음과 같이 사용합니다 :

$.fancybox([<%= Html.ToJSON(Model.Images)%>], 
    {'padding': 0 //yada yada}  
})