Как мне...как исправить мой поиск с помощью select, который заполняется в razor
есть страница, которая ищет сотрудников по кампусу. Кампусы заполняются в избранном с помощью бритвы. Затем я получаю всех отфильтрованных сотрудников, но страница отказывается перерисовывать DOM с текущим количеством сотрудников
У меня есть onchange() select, который вызывает ajax, который вызовет ActionResult страницы. Это каким-то образом работает нормально, так как возвращает правильные данные.
Что я уже пробовал:
Выберите заполняется с помощью бритвы
<select placeholder="Select campus" id="selCampus" class="form-control" required> <option value="">Select campus</option> @foreach (var campus in Model.Campuses) { <option value="@campus.Id">@campus.CampusName</option> } </select>
Onchange для выбора указывающего на контроллер действий
$("#selCampus").change(function () { //$(".employee").remove(); $.ajax({ type: 'POST', url: '/admin/staff/', dataType: 'html', data: ({ campusId: $(this).val() }), success: function () { } }); });
ActionResult, это загружается на pageload и onchange select
public ActionResult Employees(long? campusId) { var client = new RestClient(Request.Url.GetLeftPart(UriPartial.Authority).ToString()); var request = new RestRequest("api/employee/getClinicMembers/{campusId}", Method.POST); request.AddParameter("campusId", campusId, ParameterType.QueryString); var result = client.Execute<ClinicMembersOutput>(request); ViewBag.title = "Home | Members"; return View(result.Data); }
Не хочет перерисовывать этот код с новыми данными, даже с моделью tho.Сотрудники отфильтровали данные
@foreach (var member in Model.Employees) { <div class="col-lg-4 col-xlg-3 col-md-5 employee"> <div class="card"> <div class="card-body"> </div> </div> </div> }