我有一个部分视图,我以表格的形式列出某些数据,我希望每行都有一个编辑按钮,但我不希望它启动新的销售,而是可以在模态的,但老实说我不知道该怎么做。
我有编辑按钮的部分视图的一部分是这个。
<tbody>
@foreach (var item in Model)
{
<td>
<button class="btn btn-primary edit-radicado" data-id="@item.NumeroRecepcion">
<span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
</button>
<a href="@Url.Action("Details", "Estadistica", new {recepcion = item.NumeroRecepcion})" class="btn btn-default">
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
</a>
</td>
<td>
@Html.DisplayFor(modelItem => item.FechaAudiria)
</td>
<td>
@Html.DisplayFor(modelItem => item.UsuarioRevision)
</td>
<td>
@Html.DisplayFor(modelItem => item.UnidadesSoportadas)
</td>
<td>
@Html.DisplayFor(modmodelItemel => item.Devoluciones)
</td>
}
然后我有一个 div 我应该在其中插入“编辑”部分视图的内容
<div class="modal hide fade in" id="edit-person">
<div id="edit-person-container"></div>
</div>
我目前调用“编辑”部分视图的js就是这个。
$(".edit-radicado").click(function () {
var id = $(this).attr("data-id");
$.ajax({
url: '/Estadistica/Edit',
type: 'GET',
data: { recepcion: id },
success: function (data) {
alert(data);
//$(".edit-person-container").html(data);
$(".edit-person-container").load(data);
$(".edit-person").modal('show');
}
});
});
编辑部分视图是这样的。
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
现在,我不明白为什么它不绘制(显示)它在 div 中的 ajax 中带来的内容。提前非常感谢您的帮助
您应该做的是调用一个包含已编辑表单的字段集,并在保存时调用一个通过 json 收集数据的 javascript,将其发送到控制器并执行更新,当返回响应(true)时,执行页面刷新,向您显示更新的数据。
这是我正在使用的一个示例,它对我来说 100% 有效:
调用模态的按钮
显示字段集内容的“模态”div
在模态中显示的字段集
脚本
示例图像:
如果您迷失了 Json 方法来保存数据,请告诉我,我会帮助您:D
有两种方法可以动态加载模态:
远程加载模态
这意味着,您的视图必须具有模态的格式
以下方式是使用ajax:
有一个容器来加载模态
检测
click
按钮之一(正如您在问题中所拥有的那样)首先,您必须将调用模态的代码放在调用 Partial 的同一视图中以及调用它的脚本中。
像这样的 Partial 列表中的按钮对您有用
在控制器中调用 Modal 您的 GET 方法,如下所示
如果您根据需要进行调整,则已经发布。