Partial View not rendered from controller? WHY?

Question

This is in accordance to my question:

How to pass array created from jQuery to controller method?

Here is my controller returning a partial view:

     public ActionResult PartialViewChild(int id)
     {
    //stmts /*model is assigned here */
    return PartialView("ChildPartialView", model);
     }

My problem now is that, the view returned from my controller action is not rendered by $.ajax() call. I had put a debugger in the success function, it never hit there. So, by chance, I added a error function also in ajax call like,

        var id=currentSelected.Id;
        $.ajax({
        url: "@(Url.Action("PartialViewChild", "ControllerChild")",
        type: "POST",
        data: JSON.stringify({id : id}),
        cache: false,
        success: function (result) {
        $("#id1").html(result);
        },
         error: function (data, errorThrown) {
         alert('request failed :' + errorThrown);
         }});

I also found out that, the div with id "id1" must be empty for the partial view to be rendered correctly. But, that div at the start renders a EmptyView like,

       <div id="id1">
       @{Html.RenderPartial("ChildPartialView", new ChildPartialModel());}        
       </div>

and based on the ajax call, I wanted to fill in that div with the returned result (by now all the attributes will have value).. But, unfortunately, here I only had the alert of error:() from ajax call telling me that there was a "Parse error".

Can someone tell me how can I correct it?

EDIT:

This is my Partial View:

    @model Models.ChildColumnsModel
    <div>
    <span>@Html.LabelFor(c => c.Phone_Number):</span>
    <span>@Html.TextBoxFor(c=> c.Phone_Number)</span>
    </div>
    // like this it has all its attributes...

and in my controller:

    public PartialViewResult PartialViewChild(int id)
     {
     var model=child.GetReletedInfo(id); /*proper results are returned here which is of ChildColumnsModel type */
     return PartialView("ChildPartialView", model);
     }

Try eidt var model=child.GetReletedInfo(id)?? new ChildColumnsModel(); — Ilya Sulimanov, Dec 17 '13 at 09:51
this stmt means : if child.GetReletedInfo(id) is null then create a new ChildColumnsModel — Black Ops, Dec 17 '13 at 09:54
@user2771399 my friend, i have one last idea....write above your method [HttpPost] and tell me if this worked — Black Ops, Dec 17 '13 at 10:27

Black Ops · Answer 1 · 2013-12-17T10:28:41.050

0

EDIT:

try this one:

[HttpPost]
public ActionResult ChildPartialView(int id)
 {
    //stmts /*model is assigned here */
    return PartialView(model);
 }

edited Dec 17 '13 at 10:28

answered Dec 17 '13 at 09:33

Black Ops

384
2
16

Is it ok if my
with id "id1", already has some data as i have shown?
– user2771399 Dec 17 '13 at 09:38
Sorry, NO luck. i still get the alert from error function of ajax..;'( – user2771399 Dec 17 '13 at 09:40
it doesnt matter, because its overwritting everything inside the div. but if you want to get sure try: $("#div1").empty(); and then $("#div1").html(result); – Black Ops Dec 17 '13 at 09:41
Sorry. i still dont get the result back from controller into my div..;'( – user2771399 Dec 17 '13 at 09:54
did you rebuild the solution xD (sorry might be) – Black Ops Dec 17 '13 at 09:55

score 0 · Accepted Answer · answered Dec 17 '13 at 10:48

0

SORRY ALL... I resolved the issue. I had an extra property for ajax telling its dataType: "Json"... when I removed it, All was FINE.. How silly of myself..?!! Thank you all for your VALUABLE answers and TIME friends..

answered Dec 17 '13 at 10:48

user2771399

135
1
4
15

Partial View not rendered from controller? WHY?

2 Answers2