Option on Change().

master
Kowalski 2023-09-18 19:50:29 +02:00
parent 27867ce4b9
commit a1a4512a5a
6 changed files with 73 additions and 47 deletions

Binary file not shown.

View File

@ -15,6 +15,7 @@
</ItemGroup> </ItemGroup>
<ItemGroup> <ItemGroup>
<PackageReference Include="jQuery" Version="3.7.1" />
<PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="5.0.17" /> <PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="5.0.17" />
<PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="5.0.17"> <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="5.0.17">
<PrivateAssets>all</PrivateAssets> <PrivateAssets>all</PrivateAssets>

View File

@ -28,7 +28,7 @@
<div asp-validation-summary="ModelOnly" class="text-danger"></div> <div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="form-group col-md-8"> <div class="form-group col-md-8">
<label asp-for="FAKTURA.ZakaznikID" class="control-label"></label> <label asp-for="FAKTURA.ZakaznikID" class="control-label"></label>
<select asp-for="FAKTURA.ZakaznikID" class="form-select" asp-items="ViewBag.Zakaznici"></select> <select id="fakturaZakaznikSelect" asp-for="FAKTURA.ZakaznikID" class="form-select" asp-items="ViewBag.Zakaznici"></select>
</div> </div>
<div class="form-group col-md-4"> <div class="form-group col-md-4">
@ -200,6 +200,29 @@
<a asp-page="Index">Back to List</a> <a asp-page="Index">Back to List</a>
</div> </div>
<script type="text/javascript">
$("#fakturaZakaznikSelect").change(function () {
//var id = $(this).find(':selected')[0].id;
alert("Hello: ");
//$.ajax({
// type: "POST",
// url: "/GetZakaznik",
// data: { "name": "pokus" },
// success: function (response) {
// alert("Hello: " + response.Name + " .\nCurrent Date and Time: " + response.DateTime);
// },
// failure: function (response) {
// alert(response.responseText);
// },
// error: function (response) {
// alert(response.responseText);
// }
//});
});
</script>
@section Scripts { @section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");} @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
} }

View File

@ -48,10 +48,10 @@ namespace FakturyWeb.Pages.Faktury
return RedirectToPage("./Index"); return RedirectToPage("./Index");
} }
public Task<ContentResult> OnGetZakaznik(int zakaznikID) public ActionResult GetZakaznik(string lastname)
{ {
// vrat zakaznika
//viz: https://stackoverflow.com/questions/68854396/how-do-i-load-form-fields-based-on-a-value-changed-in-a-dropdownlist-in-my-asp-n return Page();
} }
} }
} }

View File

@ -8,52 +8,54 @@
<link rel="stylesheet" href="~/css/site.css" /> <link rel="stylesheet" href="~/css/site.css" />
</head> </head>
<body> <body>
<header> <script src="~/lib/jquery/dist/jquery.min.js"></script>
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
<div class="container">
<a class="navbar-brand" asp-page="/Faktury/Index">Faktury</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Faktury/Index">Faktury</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Zakaznik/Index">Zákazníci</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Uzivatel/Edit">Moje OSVČ</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Privacy">Privacy</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<footer class="border-top footer text-muted"> <header>
<div class="container"> <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
&copy; 2023 - FakturyWeb - <a asp-area="" asp-page="/Privacy">Privacy</a> <div class="container">
<a class="navbar-brand" asp-page="/Faktury/Index">Faktury</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Faktury/Index">Faktury</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Zakaznik/Index">Zákazníci</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Uzivatel/Edit">Moje OSVČ</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Privacy">Privacy</a>
</li>
</ul>
</div> </div>
</footer> </div>
</nav>
</header>
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<script src="~/lib/jquery/dist/jquery.min.js"></script> <footer class="border-top footer text-muted">
<script src="~/lib/bootstrap-5.3.1-dist/js/bootstrap.js"></script> <div class="container">
<script src="~/js/site.js" asp-append-version="true"></script> &copy; 2023 - FakturyWeb - <a asp-area="" asp-page="/Privacy">Privacy</a>
</div>
</footer>
@await RenderSectionAsync("Scripts", required: false)
<script src="~/lib/bootstrap-5.3.1-dist/js/bootstrap.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@await RenderSectionAsync("Scripts", required: false)
</body> </body>
</html> </html>