Question

I have a partial view which is used more than once in a page. On clicking a link on each of these controls I want that control to refresh itself. How can I achieve it most easily?

Answer 1

Let’s suppose that in your main view you are including the partial multiple times:

<div class="container"><% Html.RenderPartial("Foo"); %></div>
<div class="container"><% Html.RenderPartial("Foo"); %></div>
<div class="container"><% Html.RenderPartial("Foo"); %></div>

And here’s the contents of the partial:

<%= Html.ActionLink("update", "foo", null, new { @class = "update" })%>
<%: DateTime.Now %>

Now all that’s left is progressively enhance those anchors:

$(function () {
    $('a.update').live('click', function () {
        $(this).closest('div.container').load(this.href);
        return false;
    });
});