Current behaviour: I have a Main Page with the button "Import" which will show a popup window when it gets clicked. If I exit the popup and back to main menu, again I click the "Import" button it shows the popup window(without updating).
Note:
- This is not due to page refreshment, even the page refreshed it behaves the same.
- The only way to force the application to update the "Import" is to exit and return into the application.
Please give me if you have any suggestions. My code looks like:
function ImportData() {
$("<div></div>")
.addClass("dialog")
.attr("id", $(this)
.attr("data-dialog-id"))
.appendTo("body")
.dialog({
title: $(this).attr("data-dialog-title"),
close: function () { $(this).remove(); },
modal: true,
position: ['center',200],
height: 250,
width: 800,
resizable: false,
left: 0
})
.load("/Index/ImportCase");
My html for button:
<button onclick="ImportData()" class="MenuPageButton" data-dialog-id="CaseImportData" data-dialog-title="Case Selection (Upload)"> Import Data </button>.