2017-03-21 16 views
0

私は.Netフレームワークで作業しています。MVCパターンを使用しています。私はこのようになりますリンク(作品)持っている:上記のリンクでMVC/JavaScript/Razor - ボタンから新しいビューを開く方法

<li><a href="@Url.Action("HomePage", "Home")">Main Page</a></li> 

を、「ホームページ」は.cshtmlページの名前であり、同じとコントローラ内の方法がありますビューを返すname 2番目のパラメータ「Home」は、.cshtmlページが配置されているViewsのサブフォルダです。

今、同じビューの別のセクションで、クリックしたときに同じ場所に移動するボタンがあります。それは次のようになります。

<input type="button" class="navigationButtons" id="btnHome" value="Main Page" /> 

私は移動ボタン用の.cssスタイルシートを使用していますので、私は本当にJavaScriptでボタンからメインページに行くためにコードを配置するのが大好きです。だから、私はjQuery変数を作成し、それを.on( "click"、onHome)イベントにバインドしました。私は次の方法を持っています:

onHome = function() { 
    var url = '@Url.Action("HomePage", "Home")'; 
    window.location.href = url; 
} 

私はまた、window.open( "HomePage"、 "Home");私が見つけられるものと一緒に、役に立たない。 重要:私は、新しいウィンドウでビューを開くことは望ましくありません。それは、リンク(メイン・アプリケーション・ページに属しているメイン・メニューの下の埋め込みビューのように、フレームワーク・ビュー内にビューを表示する)とまったく同じように開くはずです。

私は、入力タイプの代わりにボタンタイプをhtmlに使用すると、onClickのリンクを含めることができますが、それも問題があることを知りました。すべての例に完全なURLが含まれているようです。しかし、私はフレームワークでビューを開こうとしています。私は完全なURLを持っていません。

JavaScriptからこのタイプのナビゲーションを作成する方法については誰も知りませんか?そうでない場合、またはhtmlでより良い方法がある場合、私は応答を得ることを熱望しています。

+1

「新しいウィンドウでビューを開くことは望ましくなく、リンク内のビューとまったく同じにする必要があります。ウィンドウではどういう意味ですか?あなたはjsの警告ウィンドウのようなページまたはsthを意味しますか?また、 "FrameWork"という言葉。私はあなたが本当に望むものの簡単な絵を得ることができません。 – Efe

答えて

2

タグをクラスに追加するだけです。

<a href="@Url.Action("HomePage", "Home")" class="navigationButtons" autocomplete="off" data-loading-text="Loading Main Page...">Main Page</a> 
3

あなたは 'navigationButtons'クラスでactionlink Htmlヘルパーを使用できますか?

@Html.ActionLink("Home", "Index", "Home", new { @class = "navigationButtons" }) 
関連する問題