MVC - Ajax form - return partial view doesnt update in <div> target

Question

I have an index view that I want to update automatically as the user types in a client id. I got something similiar to work (only it was updating just a label) - but this will not work.

What happens is the partial is just rendered by itself (not in place of the UpdateTargetID). So the data is rendered on a new page. Here is my code:

Controller:

public ActionResult ClientList(string queryText)
    {
        var clients = CR.GetClientLike(queryText);
        return PartialView("ClientIndex", clients);
    }

Partial View:

<table>
<thead>
    <tr>
        <td>Client ID</td>
        <td>Phone1</td>
        <td>Phone2</td>
        <td>Phone3</td>
        <td>Phone4</td>
    </tr>
</thead>
<tbody>
    <% if (Model != null)
       {
           foreach (Client c in Model)
           { %>
        <tr>
            <td><%= Html.Encode(c.ClientID)%></td>
            <td><%= Html.Encode(c.WorkPhone)%></td>
            <td><%= Html.Encode(c.WorkPhone1)%></td>
            <td><%= Html.Encode(c.WorkPhone2)%></td>
            <td><%= Html.Encode(c.WorkPhone3)%></td>

        </tr>
    <% }
       } %>
</tbody>

Main View:

Insert code messed up, so this is just copy/pasted:

$(function() { $("#queryText").keyup(function() { $('#sForm').submit(); }); });

  <div id="status" class="status" name="status">
    <%--<% Html.RenderPartial("ClientIndex", ViewData["clients"]); %> Should this be here???? --%>

  </div>

By the way I have visited jarrettatwork.blogspot.com/2009/02/… - great link with very useful information. Ive also done a lot of googling but still can't get it right. — Jack
– Jack, Commented Jul 3, 2009 at 0:35
Jack, I have the exact same problem. It should update the div but it doesn't. How did you manage to solve that problem? Thanks! — Fabio Milheiro
– Fabio Milheiro, Commented Jan 13, 2010 at 10:28

tobypls · Accepted Answer · 2014-10-17 15:48:29Z

1

I had the same problem.

In my partial view, I had this

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>

but it should have been this

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IQueryable<Client>>" %>

an easy way to test if your ajax call is working is to return a string instead of an ActionResult

public string ClientList(string queryText)<
{
    return("ok, the ajax call must have worked because I see this string.");
}

edited Oct 17, 2014 at 15:48

tobypls

8591 gold badge9 silver badges23 bronze badges

answered Apr 2, 2010 at 17:08

Craig Howard

111 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

Andrew Siemer · Accepted Answer · 2009-07-03 01:07:54Z

0

Rather than posting a form on the page constantly why not do a behind the scenes jQuery.get call to get the search results for the provided text. I would think this would be faster and cleaner. When submitting the form like I think you are (judging from my reading of your code) you are causing the page to essentially refresh (and not re-write to the div).

$('#sForm').submit()

answered Jul 3, 2009 at 1:07

Andrew Siemer

10.3k3 gold badges44 silver badges61 bronze badges

2 Comments

Jack Over a year ago

How might I go about doing that? I've seen some examples of basic jQuery.get usage, but what is the syntax for passing the form data (from the text box)? Is it just simply $("#queryText").val(); ? I have not messed with json results at all.

Andrew Siemer Over a year ago

You might find this article helpful! dotnetcurry.com/…

Collectives™ on Stack Overflow

MVC - Ajax form - return partial view doesnt update in <div> target

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related