Na most elvileg jó a saját form postdata cucc

This commit is contained in:
2025-03-13 13:53:16 +01:00
parent f5a6041a1c
commit a301a2a168
5 changed files with 88 additions and 13 deletions
@@ -1,36 +1,44 @@
@page
@model WorkFlowCheck.Web.Pages.BaseStock.CheckPoints.CheckPointEditPageModel
@using Microsoft.AspNetCore.Antiforgery
@inject IAntiforgery Antiforgery
@{
ViewData["Title"] = "Ellenőrzési pont";
var checkpointId = Model.CheckPoint.Id;
var url = Url.Page("./CheckPointEditPage", "LoadCheckListTemplateRows", new { id = checkpointId });
var urlPost = Url.Page("./CheckPointEditPage", "Save");
}
<h1>@ViewData["Title"]</h1>
<input type="hidden" id="checkPointEditUrl" value="@url" />
<input type="hidden" id="checkPointEditPostUrl" value="@urlPost" />
<div class="card shadow p-4">
<form method="post" id="checkPointForm">
<meta name="csrf-token" content="@Antiforgery.GetAndStoreTokens(HttpContext).RequestToken" />
<div>
<form method="post">
<input type="hidden" id="hiddenCheckPointId" value="@Model.CheckPoint.Id" />
<div class="form-group">
<div class="mb-3">
<label asp-for="CheckPoint.ShortName"></label>
<input asp-for="CheckPoint.ShortName" class="form-control" />
<span asp-validation-for="CheckPoint.ShortName" class="text-danger"></span>
</div>
<div class="form-group">
<div class="mb-3">
<label asp-for="CheckPoint.Code"></label>
<input asp-for="CheckPoint.Code" class="form-control" />
<span asp-validation-for="CheckPoint.Code" class="text-danger"></span>
</div>
<button type="submit" class="btn btn-primary">Mentés</button>
<div class="mb-3">
<button type="button" id="saveCheckPoint" class="btn btn-primary">Mentés</button>
</div>
</form>
</div>
<div class="d-flex justify-content-end">
<button class="btn btn-primary float-right">Új elem hozzáadása</button>
</div>
<div>
<div class="card shadow p-4">
<div class="d-flex justify-content-end">
<button class="btn btn-primary float-right">Új elem hozzáadása</button>
</div>
<table id="tbCheckPointsEditPage" class="table table-bordered table-hover table-sm" style="width:100%">
<thead class="table-primary">
<tr>
@@ -97,5 +105,34 @@
const row = table.row($(this).closest('tr')).data();
});
$("#saveCheckPoint").click(function () {
const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
var formData = getFormAsNestedObject('#checkPointForm');
console.log(formData);
console.log(JSON.stringify(formData.CheckPoint));
$.ajax({
url: $('#checkPointEditPostUrl').val(),
type: 'POST',
headers: {
'X-CSRF-TOKEN': csrfToken,
'Content-Type': 'application/json'
},
data: JSON.stringify(formData.CheckPoint),
success: function (response) {
// Sikeres válasz esetén
alert("Sikeres mentés!");
// opcionálisan pl. form reset, redirect stb.
},
error: function (xhr, status, error) {
// Hiba esetén
console.error("Hiba: ", error);
alert("Mentés nem sikerült.");
}
});
});
</script>
}
@@ -7,6 +7,7 @@ using WorkFlowCheck.Web.Services.Interfaces;
namespace WorkFlowCheck.Web.Pages.BaseStock.CheckPoints
{
[Authorize]
[ValidateAntiForgeryToken]
public class CheckPointEditPageModel : PageModel
{
private readonly ILogger<IndexModel> _logger;
@@ -30,5 +31,10 @@ namespace WorkFlowCheck.Web.Pages.BaseStock.CheckPoints
CheckPoint = await _baseStockService.GetCheckPoint(id);
return new JsonResult(new { data = CheckPoint.CheckListTemplateRowDTO });
}
public async Task OnPostSave([FromBody] CheckPointDTO checkPointDTO)
{
int i = 0;
}
}
}
@@ -4,10 +4,11 @@
ViewData["Title"] = "Ellenőrzési pontok";
}
<h1>@ViewData["Title"]</h1>
<div class="d-flex justify-content-end">
<button class="btn btn-primary float-right">Új elem hozzáadása</button>
</div>
<div>
<div class="card shadow p-4">
<div class="d-flex justify-content-end">
<button class="btn btn-primary float-right">Új elem hozzáadása</button>
</div>
<table id="tbCheckPointsPage" class="table table-bordered table-hover table-sm" style="width:100%">
<thead class="table-primary">
<tr>