Как добавить объект ViewModel в Div из Jquery in. Net - PullRequest
Новая
       29

Как добавить объект ViewModel в Div из Jquery in. Net

0 голосов
/ 11 февраля 2020

Я хочу заполнить div из jquery.

Текущий, я могу получить объект модели в событии успеха jquery, но не могу заполнить его в div "new-ETL"

Это div, который я хочу заполнить динамически, моя view-модель вернулась из контроллера 

 <div id="new-ETL">
                    @if(Model != null && Model.Metadata != null)
                    {
                    <table class="table table-condensed">
                        @foreach (var item in Model.Metadata)
                        {
                            <tr>
                                <td colspan="2">
                                    @Html.DisplayFor(Model => item.labelname)
                                </td>
                                <td colspan="2">
                                    @Html.EditorFor(Model => item.lablevalue, new { htmlAttributes = new { @class = "form-control", placeholder = "Additional Setting", rows = 1 } })
                                </td>
                            </tr>
                        }
                    </table>
                    }                    
                </div>

Ниже мой jquery вызов 

  $.ajax({
                        type: "POST",
                        url: "/DefineNewJob/FetchJobTypes",                                                
                        data: {'jobtypeid': jobTypeId },
                        contentType: 'application/x-www-form-urlencoded',                                                
                    success: function (viewModel) {
                        alert(viewModel);
                        if (jobTypeId == 1) {
                            //$('#new-ETL').empty();
                            $('#new-ETL').append(viewModel);
                        }
                        else if (jobTypeId == 2) {
                             $('#new-STREAMING').empty();
                             $('#new-STREAMING').append(viewModel);
                        }
                        else if (jobTypeId == 3) {
                              $('#new-PROCESSING').empty();
                             $('#new-PROCESSING').append(viewModel);
                        }
                        }
                });

Ниже возвращены метаданные viewModel от контроллера к jquery событие успеха 

Metadata: Array(8)
0:
jobtypeid: "1"
jobname: "ETL"
labelname: "abcjob"
lablevalue: "This is abc job"
description: "Extract, transform and load"
__proto__: Object
...