appending div with partial view content

Question

I'm sending request from my view to the controller which as a result sending partialview page. Result is appended in desired div. Only problem is that partial view content is displayed as source html content (css is not rendered properly).

Since I'm guessing that problem may be inside javascript or partialview view here it is

partiaView.cshtml

@foreach (var item in Model)
{
    <div class="product clearfix">
        <div class="l-new">
            <a href="#">
                <!-- -->
            </a>
        </div>
    ...
    </div>
}

jsfile.js

function GetTabData(xdata) {
    $.ajax({
        url: ('/Home/GetData'),
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ id: xdata }),

        success: function (result) {
            $.each(result, function (i, item) {               
                $("#mytabDiv").append(item);                
            })
        },
        error: function () { alert("error"); }
    });
}

Thanks

Update: When I'm using

> html

instead of append

$("#mytabDiv").html(item);

div content is not populated at all.

that div is on the index.cshtml, from that page request is send to js. No need to paste that here. — user1765862
– user1765862, Commented Dec 27, 2012 at 12:49
yep, just tried with $("#mytabDiv").html(item); without luck. Now result div is empty. — user1765862
– user1765862, Commented Dec 27, 2012 at 13:08

BobRock · Accepted Answer · 2012-12-27 14:02:01Z

1

Since your partial expecting IEnumerable collection you don't need to iterate on js side. Just send result.

These should work

success: function (result) {
           $("#mytabDiv").html(result);                
         },
         error: function () { alert("error"); }

answered Dec 27, 2012 at 14:02

BobRock

3,4673 gold badges33 silver badges48 bronze badges

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

Collectives™ on Stack Overflow

appending div with partial view content

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related