[Solved] Partial View Help

[jfkrueger]

I have the following partial view:

@model TelerikECommerce.ViewModels.ZoneMaintenanceViewModel

Hello!

@if( Model.ElementValueList != null )
{
    foreach( var element in Model.ElementValueList )
    {
        @Html.Raw( "Hello Again" )
    }
}

Here is the main page:

@Html.Partial( "ZoneElementsPartial", Model )

@section JavaScript{
    <script language="javascript" type="text/javascript">
        function zone_changed() {
            var dropDownList = $('#Zone').data('tDropDownList');

            var urlPath = '@Url.Content( @"~\ContentAdministration\GetZone?zoneId=")';
            urlPath += dropDownList.value();

            $.ajax({
                url: urlPath,
                dataType: 'html',
                success: function(data) {
                    $('#ZoneElementsPartial').html(data);
                }
            });

        }

    </script>
}

The top "Hello!" outside of the code is always displayed as I would expect. However once the dropdown changes and serves up the view again what is inside the code is never output. I have put breakpoints in the code and have watched it go through the loop for each element but it is not being output to the page. What am I doing wrong??

Thanks!!

[jfkrueger]

I figured it out. Just needed wrap my partial in a div on the main page with the ID and then make sure the javascript was updating the html of that div with the result of the call.