私が達成しようとしているのは、レイアウトビューのような機能です。ポップアップウィンドウの上部にタブがあり、これも部分ビューであり、それらをクリックして、jqueryと部分ビューを使用して異なるページ間を移動できます。 。ほぼレイアウトのような機能です。
そのためのビデオチュートリアルまたはこれを達成する方法についてのガイダンスがあるかどうか私に知らせてください。また、情報を取得するには、IDを部分ビューに渡す必要があります。
ありがとう!
私が達成しようとしているのは、レイアウトビューのような機能です。ポップアップウィンドウの上部にタブがあり、これも部分ビューであり、それらをクリックして、jqueryと部分ビューを使用して異なるページ間を移動できます。 。ほぼレイアウトのような機能です。
そのためのビデオチュートリアルまたはこれを達成する方法についてのガイダンスがあるかどうか私に知らせてください。また、情報を取得するには、IDを部分ビューに渡す必要があります。
ありがとう!
あなたがそれをすることができるいくつかの方法があります:
1)上記のコメントで言及されている一部の人々のように、JQuery .tab()を実装できます。これがあなたが従うことができるチュートリアルです: http ://www.jacklmoore.com/notes/jquery-tabs
2)JQuery .dialog()として表示される部分ビューを作成できます。その部分ビュー内で、上部に3つのタブタイトルに対応する3つのリンクを含めることができます。
各リンクは、表示する「タブ」コンテンツを含むdivでJQuery .show()を呼び出し、他のリンクでは.hide()を呼び出します。私は通常、div(タブ)のIDを渡すだけです。表示したいものは次のようになります。
function displaySelectedTab(selectedTab) {
$("#tab1").hide();
$("#tab2").hide();
$("#tab3").hide();
$(selectedTab).show();
}
3)3番目のオプションは、タブごとに個別の部分ビューを用意することです。JQuery .load()メソッドを使用して、さまざまなタブをDivセクションにロードできます。
var url = "/ControllerName/ActionViewThatReturnsPartialView/
$("#popup-div-placeholder").html("").load(url);
ポップアップウィンドウメカニズムを実装するには、JQuery .dialog()を利用できます。
それが役に立てば幸い。