index.js ファイルを使用して、ボタンのクリック時にポップアップを作成して開くためのコードを記述しました。部分ビューがポップアップとして呼び出されます。
$("#createForm").dialog({
autoOpen: false,
modal: true,
width: 550,
height: 420,
open: function(event, ui) {
$(".ui-dialog-titlebar-close").hide();
}
});
$(".buttonCreate").button().click(function() {
$.ajax({
// Call CreatePartialView action method
url: "/PurchaseInvoice/AddItemPartial",
type: 'Get',
success: function(data) {
$("#createForm").dialog("open");
$("#createForm").empty().append(data);
$("#editForm").hide();
},
error: function() {
alert("something seems wrong");
}
});
});
ポップアップのボタンは、別の .js ファイルから関数を呼び出すために使用されます。このボタンは、ポップアップが開いたときに初めて機能しませんが、esc ボタンでポップアップを閉じた後にポップアップが開くと、正しく機能します。
$("#PopupAdd").click(function() {
// On submit button click close dialog box
$("#createForm").dialog("close");
// Set inserted vlaues
var Item = $("#ddlItem").val().toString();
var Quantity = $("#Quantity").val();
var Price = $("#Price").val();
var hdnID = $("#hdnInvoiceID").val();
// Call Create action method
$.post('/PurchaseInvoice/Create', {
"ddlItem": Item,
"Quantity": Quantity,
"Price": Price,
"hdnInvoiceID": hdnID
},
function() {
alert("Data Saved successfully");
window.location.reload(true);
});
});
部分ビューは、ボタン クリックのポップアップとして使用されます。部分ビューはコントローラーから呼び出され、ポップアップに表示されます。