2012-03-11 8 views
0

asp.net mvcを使用してWebアプリケーションを開発しています。3. jquery UIタブを含むメインレイアウトページがあります。mvcを使用してノックアウトを使用してUIをJQueryで作成する方法3

私はknockout.jsバインディングツールを使用しています。私の問題は私のタブからどのようにビューを返すために関連するコントローラに行くことができます。タスクコントローラ

によってレンダリングとして表示するためのコンテナで、それはすべてのヘルプは、最も簡単な解決策は、私たちにある

おかげ

答えて

0

良いでしょうタスクのページを表示する必要がありますので、例Iは、タスクプロジェクトをクリックしています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/)のようなルーティングシステムを使用し、ajaxを使用してdivのデータを取得できます。

+0

それに感謝します。私のタブは、例えば異なるデータを有する異なるページを返す。プロジェクトタブにプロジェクトが表示され、連絡先タブに連絡先リストなどが表示されます。 – tjhack