ノックアウトJs、JQuery UIダイアログ、パーシャルビュー

Question

Jqueryモーダルダイアログでパーシャルビュー（剃刀）でロードする必要があるため、Knockoutと統合できないという問題があります。実装はこのようになります。ユーザがサイトに入ると、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>