Ajax.ActionLink not placing the rendered content in same page. Instead it open up a new page??? RSS

• • Reply
  

  mani2009it

  Member

  207 Points

  82 Posts

  Ajax.ActionLink not placing the rendered content in same page. Instead it open up a new page???

  Jun 19, 2012 07:19 AM|LINK

  hi, 

    I am using Ajax.actionlink helper method to show a partial content in same page. But, its not behaving as like i expected. It opened the rendered partial view in new page. How to resolve it ? I have included all jQuery and Microsoft ajax js files in script folder. Please help... heres the code. 

  <div id="ExampleOfAjaxLink">
  @Ajax.ActionLink("EditAjax", "EditAjaxTest", new AjaxOptions
              {
                  HttpMethod = "Get",
                  UpdateTargetId = "ExampleOfAjaxLink",
                  InsertionMode = InsertionMode.Replace
              })
  </div>

  and in controller i have written like this

  public PartialViewResult EditAjaxTest()
          {
              RestaurantReview review = _db.Reviews[0];
              return PartialView("_Review", review);
          }

  Thanks
  
  
  

  • Edited by mani2009it on Jun 19, 2012 07:21 AM
• • Reply
  

  DannyMualim

  Member

  260 Points

  77 Posts

  Re: Ajax.ActionLink not placing the rendered content in same page. Instead it open up a new page...

  Jun 19, 2012 07:30 AM|LINK

  Hmm.. why @ajax.actionLink is inside of div that will be replaced? I think it should be

  @Ajax.ActionLink("EditAjax", "EditAjaxTest", new AjaxOptions
              {
                  HttpMethod = "Get",
                  UpdateTargetId = "ExampleOfAjaxLink",
                  InsertionMode = InsertionMode.Replace
              })
  <div id="ExampleOfAjaxLink"></div>

  The action controller should be 

  public ActionResult EditAjaxTest()
  {
       RestaurantReview review = _db.Reviews[0];
       return PartialView("_Review", review);
  }

  
  Hopefully this answers your question.

  Danny Mualim
  
  

• • Reply
  

  mani2009it

  Member

  207 Points

  82 Posts

  Re: Ajax.ActionLink not placing the rendered content in same page. Instead it open up a new page...

  Jun 19, 2012 07:31 AM|LINK

  Hi everyone i solved it .

  We have to include the  "jquery.unobtrusive-ajax.min.js" file reference in the view. 

  <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

  • Marked as answer by mani2009it on Jun 19, 2012 07:31 AM