PartialViewはdivの代わりに新しいページをレンダリングします

Question

私は以前この問題を抱えていましたが、私の人生ではそれを修正する方法を覚えていません または私はそれについてgoogled。

私は部分図

 return PartialView("CommentsListControl", recipe.Comments); 

しかし、これはなぜ私のdivに新しいWebページをロードしないアクションから戻って渡しています?????????

<table width="100%"> 
    <tr><td> 
     <div id="divComments"> 
      <% using (Ajax.BeginForm("CreateComment", new AjaxOptions { UpdateTargetId = "divCommentsList", InsertionMode = InsertionMode.Replace })) 
       { %> 
      <textarea id="comments" name="comments" rows="3" cols="60"></textarea> 
      <table width="100%"><tr><td align="right"> 
       <a href="#" id="savecomment">Save Comment</a> 
       <%= Html.Hidden("recipeid", Model.RecipeID) %> 
      </td></tr> 
      </table> 
      <% } %> 
     </div> 
    </td></tr> 
    <tr><td> 
     <div id="divCommentsList"> 
      <% Html.RenderPartial("CommentsListControl", Model.Comments); %> 
     </div> 
    </td></tr> 
</table> 

Answer 1

サンプルには送信ボタンがありません。 WebFormsでは、 "asp：Hyperlink"コントロールを使用してフォームを送信したように見えるリンクを生成することができましたが、これはWebFormsがJavaScriptを実装していたためです。 MVCでは、それを自分で行う必要があります。

<input type="submit" value="Save Comment" /> 

その後、あなたの心のコンテンツにボタンのスタイルをCSSを使用します。あなたの送信ボタンのためにリンクして「コメント保存」交換してみてください。