Question

我正在寻找有关如何从grid.mvc行中显示bootstrap 4模型的基本示例。我在网格行上有一个按钮，需要调用控制器以传递行ID，这样我才能获取详细信息，然后将该数据传递到局部视图中。

我有一个按钮单击事件调用javascript函数，该事件对控制器进行ajax调用以返回partialView。但是我无法将部分视图显示在模式中。我只是得到一个灰色的页面，但不显示模式。我的视图中的代码：

@Html.Grid(Model.SelerisUser).Columns(columns =>
{
   columns.Add(c => c.HR_ID).Titled("HR Number").Filterable(true);
   columns.Add(c => c.FIRST_NAME).Titled("First Name").Filterable(true);
   columns.Add(c => c.LAST_NAME).Titled("Last Name").Filterable(true);
   columns.Add(c => c.EMAIL).Titled("Email").Filterable(true);
   columns.Add(c => c.ROLE).Titled("Role").Filterable(true);
   columns.Add(c => c.LOOKUP_VALUE.VALUE).Titled("Group").Filterable(true);
   columns.Add(c => c.ACTIVE).Titled("Active").Filterable(true);     
   columns.Add().Encoded(false).Sanitized(false).SetWidth(30).RenderValueAs(x => Html.ActionLink ("Edit", "EditUser", "Admin", new {userId = x.ID}, null));

columns.Add().Encoded(false).Sanitized(false).SetWidth(30).RenderValueAs(data => @"<button class='btn-secondary' type='btn'  onclick= 'ShowAudit (&#39;USER&#39;," + data.ID+")'>Download</button>");
}).WithPaging(25).Sortable(true)

JavaScript功能：

function ShowAudit(tblName, tblId) {
var url = '@Html.Raw(@Url.Action("AuditInfo", "Home", new { tableName = 
"__rId__", tableId = "__ds__"}))';
url = url.replace('__rId__', tblName).replace('__ds__', tblId);

$.get(url, function(data) { $('.modal-body').html(data); });
$('#AuditInfoModal').modal('show');
$('#AuditInfoModal').on('hidden.bs.modal', function(e) { $('.modal-body').html("") });
}

是否存在引导程序4的完整示例，该示例可用于从javascript函数传递局部视图？

Bootstrap 4模态加载部分视图

0 个答案: