[英]how to show master/detail modal pop up in asp.net core razor page
在我的項目中,彈出窗口正確打開,但模式內沒有加載任何數據。 我認為問題出在腳本代碼上,因為在調試中我注意到 OnGetPermissionAsync 不能通過按 permissionList 按鈕運行
它是我的索引
@page "{handler?}"
@model AccessLevel.Areas.AccessLevel.Pages.AdminPanel.IndexModel
@{
}
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<tbody>
@foreach (var item in Model.RoleList)
{
<tr>
<td>@user.RoleTitle</td>
<td class="center">@user.CreateDate</td>
<td class="center">@user.Description</td>
<td>
<button class="btn btn-sm btn-dark details" data-id="@user.Id" data-toggle="modal" data-target="#details-modal">permissionList</button>
</td>
</tr>
}
</tbody>
</table>
<div class="modal fade" tabindex="-1" role="dialog" id="details-modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Permission List</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body"></div>
</div>
</div>
</div>
@section scripts{
<script>
$(function () {
$('button.details').on('click', function () {
$('.modal-body').load(`/Index/Permission?id=${$(this).data('id')}`);
});
})
</script>
}
它是我的 index.cs
public class IndexModel : PageModel
{
private IRoleService roleService;
public IndexModel(IRoleService roleService)
{
this.roleService = roleService;
}
public List<AdminRoleListViewModel> RoleList { get; set; }
public async Task<IActionResult> OnGetAsync()
{
RoleList = await roleService.GetRoleListInViewModel();
return Page();
}
public async Task<PartialViewResult> OnGetPermissionAsync(int id)
{
return Partial("_RolePermissions", await roleService.GetRolePermissionsListAsync(id));
}
}
它是我的 GetRolePermissionsListAsync
public async Task<List<RolePermissionsListViewModel>> GetRolePermissionsListAsync(int roleId)
{
return await dBContext.RolePermissions.Include(r => r.FK_Permission).Where(r => r.FK_RoleID == roleId).Select((r => new RolePermissionsListViewModel()
{
Id = r.ID,
PermissionTitle = r.FK_Permission.Title,
})).ToListAsync();
}
它是我的 _RolePermissions
@model List<AccessLevel.DTOs.RolePermissionsListViewModel>
@foreach (var permission in Model)
{
<div>
<span class="d-inline-block">title:</span><span>@permission.PermissionTitle</span>
</div>
}
您的項目是剃須刀頁面,url 與 mvc 項目不同,url 應該是
$(function () {
$('button.details').click(function () {
$('.modal-body').load(`?handler=Permission&id=${$(this).data('id')}`);
$('#details-modal').modal('show');
});
})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.