Рендеринг раздела нижнего колонтитула на страницах razor работает кнопка обложки из тела

#html #css #asp.net #asp.net-core #razor-pages

#HTML #CSS #asp.net #asp.сетевое ядро #бритвенные страницы

Вопрос:

У меня проблема с приложением на странице бритвы. Я уже использую раздел рендеринга для нижнего колонтитула:

 lt;footer class="border-top footer text-muted"gt;  @RenderSection("footer", required: false)  lt;div class="container"gt;  amp;copy; 2021 - EmployeeBook - lt;a asp-area="" asp-page="/Privacy"gt;Privacylt;/agt;  lt;/divgt;  lt;/footergt;  

и используйте его также в списке сотрудников

 @page @model EmployeeBook.Pages.Employees.EmployeesModel @{  ViewData["Title"] = "Employees"; }  lt;h1gt;Employees razor pagelt;/h1gt;   lt;br /gt;  lt;form method="get"gt;  lt;div class="form-group"gt;  lt;div class="input-group"gt;  @*asp-for two ways data binding*@  lt;input type="search" class="form-control" asp-for="SearchTerm" /gt;  lt;span class="input-group-btn"gt;  lt;button class="btn btn-default"gt;Searchlt;/buttongt;  lt;/spangt;  lt;/divgt;  lt;/divgt; lt;/formgt;  @foreach (var employee in Model.Employees) {  lt;partial name="_Summary" model="employee" /gt; }  @*Remember about nullable values added to onGet/onPost if we want to use this method there*@ lt;divgt;  lt;a asp-page="./EditEmployee" class="btn btn-primary"gt;Add nefw Employeelt;/agt; lt;/divgt;    @section footer { lt;divgt;  @Model.Message lt;/divgt; }  

Результатом этого является что-то вроде этого: Неожиданный результат

Я пытаюсь использовать _summary частичное представление для отображения сведений о сотрудниках вместо общего списка. Может ли кто-нибудь сказать мне, в чем может быть проблема? Я использую только классы из начальной загрузки. Это начинает работать неправильно, когда я добавляю больше сотрудников.

 @using EmployeeBook.Core @*from lower case define just type of object into view*@ @*from upper case this is model property where we can go into*@ @model Employee  lt;div class="modal-content"gt;  lt;div class="modal-header"gt;  lt;h3gt;@Model.Namelt;/h3gt;  lt;/divgt;  lt;div class="modal-body"gt;  lt;spangt;Type of employee @Model.TypeOfEmployeelt;/spangt;  lt;/divgt;  lt;div class="modal-footer"gt;  lt;a class="btn btn-light"  asp-page="./EmployeeDetails"  asp-route-employeeId="@Model.Id"gt;  Details  lt;/agt;  lt;a class="btn btn-light"  asp-page="./EditEmployee"  asp-route-employeeId="@Model.Id"gt;  Edit  lt;/agt;  lt;a class="btn btn-danger"  asp-page="./Delete"  asp-route-employeeId="@Model.Id"gt;  Delete  lt;/agt;  lt;/divgt; lt;/divgt;  

Комментарии:

1. It start to works not correct when I add more employees. Кэм, ты делишься своим EditEmployee.cshtml и EditEmployee.cshtml.cs ? Что он будет делать после добавления нового сотрудника?

2. Я имею в виду, что каждый сотрудник занимает какое-то место, и если у меня его больше, то кнопка переходит в нижнюю часть страницы. Затем возникает проблема. Дело доходит до нижнего колонтитула, и я ничего не могу с этим поделать…

3. Вы хотите сказать,что вы не добавляли новых сотрудников в представление,а только показывали представление, которое по умолчанию содержит список сотрудников, и нижний колонтитул закроет кнопку?

4. Привет @YiyiYou, я уже нашел проблему, она была в css, я просто поменял нижний колонтитул на новый, и все работает идеально, спасибо за ответ, парень !:)