MVC5でのツリービューとタブコントロールの作成方法

###前提・実現したいこと
ASP.NETで構築されていたものについてバージョンアップを機にASP.NET MVC5で作成しなおすことになり、現在必死に実践プログラミングを読みながら実装を試みています。その中で、主に部分更新の箇所がわからず質問させていただきました。

###発生している問題・エラーメッセージ
ASP.netで実現している下記ツリービューの実装とタブコントロールの部分ビューでの実装がMVCでできない。

<asp:TreeView ID="AAAAA" runat="server" ImageSet="Simple" ShowLines="True">
  <ParentNodeStyle Font-Bold="False" />
  <HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" />
  <SelectedNodeStyle Font-Underline="True" ForeColor="#5555DD" HorizontalPadding="0px" VerticalPadding="0px" />
  <NodeStyle Font-Names="Tahoma" Font-Size="10pt" ForeColor="Black" HorizontalPadding="0px" NodeSpacing="0px" VerticalPadding="0px" />
</asp:TreeView>

<asp:Repeater ID="CityInfoList" runat="server">
  <ItemTemplate>
  <h3><a href="./CityTop.aspx?bID=<%#DataBinder.Eval(Container.DataItem, "ID1")%>"><%#DataBinder.Eval(Container.DataItem, "ID2")%>&nbsp;<%#DataBinder.Eval(Container.DataItem, "ID3")%>&nbsp;<span class="CityLink">(物件情報を参照する)</span></a></h3>
   <table border="0" cellpadding="0" cellspacing="0">
   <tr>
	<th class="InfoHead">表示項目</th>
	<td class="InfoData"><%#DataBinder.Eval(Container.DataItem, "表示項目")%>&nbsp;</td>
   </tr>
  </table>
 </ItemTemplate>
</asp:Repeater>

###該当のソースコード
1.
runatやTreeViewなどがMVCでは使えないということで、代わりのものを探しており、SharkDevなどでツリー構造を実装することはできましたが、項目を選択した際に、選択した内容を参照してビューを更新することができませんでした。いろいろ検索もしてみましたが見つけることができず困っています。

複数のビューを用いてタブのように見せることはできましたが、これを部分ビューを用いて実装することで画面遷移時に一瞬起こる共通部の再読み込みをなくしたいと考えています。

###補足情報(言語/FW/ツール等のバージョンなど)
ASP.NET MVC5

行動規範の内容に同意します

回答1件

ベストアンサー

ASP.NETのWebアプリを ASP.NET MVCベースで再構築するというと、少なくともフロントエンドの仕組み（ビューとコントローラー部分）は全部作り直しになるのも仕方ないという判断ですよね。

それならば、いっそのことASP.NET MVC5にAngularJS を追加することを検討されてはいかがでしょうか。
MVCになってビューの表現力が多少低下した（というか簡単に使えて便利だったサーバーコントローラー類が全部なくなってしまい面倒が増えた）側面を十分に補うことができます。

TreeViewについても、AngularJS用のTreeViewプラグインライブラリを使うことができますし、AngularJS自体がブラウザ側でのMVCスキームを構築してくれますから、TreeViewで選択されたアイテムに応じて、詳細ビューの内容を変える（カレントレコードを変更する）という典型的な処理を、すっきりと設計することができますよ。

ASP.NET MVC5 + AngularJS については、下記のサイトにちょうどよい解説記事がありました。（途中 GruntやBowerなど、AngularJSとは直接関係ない話が出てきますが、その部分はナナメ読みで良いと思います。）