Пользователь открывает всплывающее окно со списком файлов. Рядом с каждым файлом есть значок для удаления файла.
Пользователь щелкает его, и открывается новое «окно подтверждения». После подтверждения пользователем закрывается окно подтверждения, файл удаляется с сервера + имя файла исчезает из всплывающего списка + автоматически закрывается всплывающее окно + страница обновляется.
Как чтобы это произошло без закрытия всплывающего окна при сохранении списка обновленных файлов?
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())
не работает, так как я сталкиваюсь с проблемами управления версиями (скрытое значение формы во всплывающем окне не обновляется).