Вот как я называю ajax
$.ajax({
url: "/MyController/GetAll?Id=" + id,
cache: false,
success: function (result) {
$.each(result.data)
{
//in this code, I want to generate a table and it's dynamic
}
}
Внутри $.each
результата я хочу просмотреть результат и сгенерировать таблицу с данными. В настоящее время я добавляю таблицу в виде строки, как
var myTable = '';
myTable += '<table class="table table-stripe">';
myTable += '<tr><td>' + this.name + '</td></tr>';
......
......
и в конце я поставил эту таблицу как
$('#sectionForTable').html(myTable);
Но мне не нравится этот метод, который генерирует таблицу в виде строки и помещает ее в #sectionForTable
. Потому что если я хочу настроить CSS-классы, стили или события компонентов этой таблицы внутри этой таблицы, она должна будет написать очень сложную строку.
Итак, мой вопрос, есть ли способ лучше этого? Как написать код этой таблицы на какой-то частичной странице cshtml, вызвать эту страницу, получить HTML и установить динамические значения. Я просто хочу уменьшить сложность кода.