넉 아웃 Js, JQuery UI 대화 상자 및 부분 뷰

Question

Jquery 모달 대화 상자에서 부분 뷰 (면도기)로로드해야한다는 요구 사항이 있는데 문제는 넉 아웃과 통합 할 수 없다는 것입니다. 구현은 이렇게 될 것입니다. 사용자가 사이트를 입력 할 때 Knockout 바인딩을 사용하여 모달 대화 상자 (팝업 - 부분보기)를 표시해야합니다. 어떤 도움이라도 대단히 감사 할 것입니다.

Answer 1

대화 상자를 즉시 ​​보여 주므로 사용할 수있는 방법 중 하나는 주 페이지에 부분 뷰를 템플릿으로 직접 렌더링하는 것입니다.

당신은 너무처럼 부분 뷰를 정의하는 것입니다 :

<script id="myPopupTemplate" type="text/html"> 
    <span data-bind="text: Name"></span> 
    <span data-bind="text: Age"></span> 
    <button data-bind="click: doSomething">Do Stuff</button> 
</script> 

그리고 당신의 메인 페이지에서, 당신이 단순히 render the template을 페이지 하단 : 이제

@Html.RenderPartial("MyPartialView") 

당신이 template binding로 사용할 수 있습니다 이 경우를 제외하고는 jQuery를 사용하여 모달 대화 상자에 필요한 구조로 모두 감쌀 수 있습니다.

<div data-bind="template: {name: 'myPopupTemplate', data: myData}"> 
</div>