Hi all, I am attempting to Render a Partial View in a div on the same page on the click event of a hyperlink via Ajax.

But everytime the href of the link is blank and instead loads the index action on the page controller. I have done this successfully in a standard MVC application but with Umbraco it refuses to work.

In My Page View I have:

@Ajax.ActionLink("Click Here",
               "TestPartialAction",
               "TestPage",
               new AjaxOptions
               {
                   HttpMethod = "GET",
                   InsertionMode = InsertionMode.Replace,
                   UpdateTargetId = "updateView"
               })
<div id="updateView"></div>

In My Controller:

    public class TestPageController : RenderMvcController
   {
       public ActionResult Index()
       {
           UmbracoHelper helper = new UmbracoHelper(UmbracoContext.Current);
           var content = helper.TypedContent(UmbracoContext.Current.PageId);

           var model = new TestModel(content);

           return View(model);
       }

       public PartialViewResult TestPartialAction()
       {
           return PartialView("_testPartial");
       }

    }

My Partial just has plain HTML at the moment

But the resulting markup for the anchor is:

<a data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="#updateView" href="">Click Here</a>

Any help would be greatly appreciated