用户打开一个带有文件列表的弹出窗口。每个文件旁边都有一个删除文件的图标。
用户单击它,然后打开一个新的“确认窗口”。用户确认后,将关闭“确认窗口”,从服务器上删除文件,文件名从弹出列表中消失,+弹出窗口自动关闭,并刷新页面。
如何在保持更新文件列表的同时不关闭弹出窗口的情况下实现它?
弹出窗口中的HTML表:
<table class="table">
<thead>
<tr>
<th>File name</th>
<th></th>
</tr>
</thead>
<tbody>
<c:forEach items="${bean.product.files}" var="na">
<tr>
<td><a href="${pageContext.request.contextPath}/productFiles/${na.id}.do">${na.name}</a></td>
<td><button type="button" class="class" onclick="$().mkdelform('${pageContext.request.contextPath}/app/deleteFile.ajax?id=${bean.product.id}&fileId=${na.id}')">
<i class="glyphicon glyphicon-trash"></i>Delete it!
</button></td>
</tr>
</c:forEach>
</tbody>
</table>
JavaScript函数(正在删除):
$.fn.mkdelformTable=function(action, button){
$().mkdelformpostTable(action, button);
};
$.fn.mkdelformpostTable=function(action, button){
$('#del-form').dialog(
{
autoOpen : true,
height : 200,
width : 300,
modal : true,
buttons : [{
text:msgcode['message.yes'],
click : function() {
executeActionPost(action);
$(this).dialog("destroy");
$(button).parent().parent().remove();
$(window.location.reload());
}},{
text:msgcode['message.no'],
click : function() {
$(this).dialog("destroy");
}
}],
close : function() {
$(this).dialog('destroy');
}
});
};
当我遇到版本控制问题(弹出窗口中的隐藏表单值未刷新)时,$(window.reload())
而不是$(window.location.reload())
无法正常工作。