Создание динамической таблицы с использованием JQuery я хочу добавить значения модели внутри модели

Question

contentType: "application/json",
            dataType: "json",
            data: JSON.stringify(reportCriteria),
            success: function (response) {
                console.log(response);
                if (response.reportResult != null) {
                    for (var i = 0 ; i < response.reportResult.length; i++) {
                        var data = "<tr>" +
                            "<td class='reportTbl'>" + moment(new Date(parseInt(response.reportResult[i].InvoiceDate.substr(6))).toLocaleDateString()).format('YYYY-MMMM-DD') + "</td>" +
                             "<td class='reportTbl'>" + response.reportResult[i].InvoiceNumber + "</td>" +
                             "<td class='reportTbl'>" + response.reportResult[i].TotalValueWithVAT + "</td>" +
                             "<td class='reportTbl'>" + response.reportResult[i].**PartialPayments.ChequeNumber** + "</td>" +
                            "</tr>";
                        $('#completedPaymentReportTbl tbody').after(data);
                    }
                }
            }

"PartialPayments" - это внутренняя модель, как я могу добавить данные

Answer 1

После работы с песочницей JQuery я обнаружил, что $ ('# completePaymentReportTbl'). Append (data);должен работать на вас.Как сообщается в Добавление строк в таблицу , Jquery 1.4+ автоматически определит, что у вас есть тело, и вы знаете, как добавлять строки внутри него.

У меня есть два предложения, которыеможет помочь предотвратить эту ошибку и / или будущие ошибки:

1. Попробуйте ввести переменные c # в вашу модель или статические переменные для таких вещей, как имена таблиц.Вместо того, чтобы вводить #completedPaymentReportTbl, вы должны напечатать что-то вроде '@completedPaymentReportTableId' (пример для шаблонов Razor).Это будет держать вашу таблицу HTML и ваш JQuery «в синхронизации».
2. Вместо того, чтобы отсылать обратно информацию о вашей модели и строить строку в вашем javascript, визуализируйте строку на стороне сервера и отправьте обратно HTML-кодряд.Это гарантирует, что при изменении структуры строк все строки будут согласованными.