JQuery UI вкладки с нокаутом с помощью MVC 3, как реализовать?

Question

Я занимаюсь разработкой веб-приложения с использованием asp.net mvc 3. У меня есть главная страница макета, которая содержит вкладки jquery ui.

Я использую инструмент привязки knockout.js. Моя проблема из моих вкладок, как я могу перейти к соответствующему контроллеру, чтобы вернуть представление. Например, я нажимаю на проект задач, поэтому в контейнере для представления должна отображаться страница задач, отображаемая контроллером задач

Любая помощь будет хорошей

Спасибо

Answer 1

Самое простое решение для нас - RenderPartial.Затем вы можете либо связать каждую вкладку с помощью нокаута, либо связать их все.

<div id="tabs">
<ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
    <% Html.RenderPartial("TabOne", Model);%>
</div>
<div id="tabs-2">
    <% Html.RenderPartial("TabTwo", Model);%>
</div>
<div id="tabs-3">
    <% Html.RenderPartial("TabThree", Model);%>
</div>

Предполагается, что содержание html не меняется в зависимости от данных или, по крайней мере, не настолько, что нокаут не может справиться с этим.Если ваш html сильно отличается, вы можете использовать систему маршрутизации, такую ​​как Crossroads.js (http://millermedeiros.github.com/crossroads.js/) и получить данные для div, используя ajax.