У меня есть родительское представление, в котором есть форма поиска и таблица для зарезервированных на данный момент номеров
родительский вид
<div id="searchForm">... </div>
<div class="col-sm-6" style="border:dashed red">
<span>Currently reserved rooms</span>
<table class="table active" id="AddTable">
<thead>
<tr>
<td>ID</td>
<td>Floor</td>
<td>Price</td>
<td>Number</td>
</tr>
</thead>
@if (Model.zaduzeneSobe != null)
{
foreach (var item in Model.Reservations)
{
<tr>
<td>@(item.Rooms.ID)</td>
<td>@(item.Rooms.Floor)</td>
<td>@(item.Rooms.Price)</td>
<td>@(item.Rooms.Number)</td>
<td><button>Remove</button></td>
</tr>
}
}
</table>
<div id="targetDiv"></div>
<form hidden="hidden"></form>
и частичное представление, которое вызывается через Ajax и отображает его HTML-разметку в targetDiv
<table class="table table-hover" id="RoomFilter">
<thead>
<tr>
<th hidden="hidden">
</th>
<th>
@Html.DisplayNameFor(model => model.Number)
</th>
<th>
@Html.DisplayNameFor(model => model.Floor)
</th>
<th>
@Html.DisplayNameFor(model => model.Price)
</th>
<th></th>
</tr>
</thead>
<tbody>
@if (Model != null)
{
@foreach (var item in Model)
{
<tr>
<td hidden="hidden">@Html.DisplayFor(xitem => item.Id)</td>
<td>
@Html.DisplayFor(modelItem => item.Number)
</td>
<td>
@Html.DisplayFor(modelItem => item.Floor)
</td>
<td>
@Html.DisplayFor(modelItem => item.Price)
</td>
<td><button>Add</button></td>
</tr>
}
}
</tbody>
</table>
Мой план состоял в том, чтобы при нажатии на кнопку «Добавить» в частичном представлении строка таблицы помечалась как добавленная и копировалась в таблицу на главной странице, а поле ввода добавлялось в невидимую форму, чтобы контроллер получал IActionResult (Список комнат). Но я не могу получить доступ к элементам HTML внутри частичного представления. Как получить доступ к HTML-разметке частичного представления?