VirtualTask/Views/CommesseVT/Create.cshtml

@model VirtualTask.Models.CommesseVT_Table

@{
    ViewData["Title"] = "Nuova commessa";
    Layout = "~/Views/Shared/_LayoutAreaRiservata.cshtml";
}

<div class="agy-project-wrapper agy-project-page-wrapper">
    <div class="container">
        <form asp-action="Create">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            @Html.HiddenFor(x => x.laserial)
            @Html.HiddenFor(x => x.lacodazi)
            @Html.HiddenFor(x => x.ladatchi)
            @Html.HiddenFor(x => x.latipcli)

        <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover align-middle">
                <thead class="table-primary">
                    <tr>
                        <th scope="col">&nbsp;</th>
                        <th scope="col">&nbsp;</th>
                    </tr>
                </thead>
                <tr>
                    <td class="fw-bold fs-5"><span class="badge bg-secondary"><label asp-for="lacodcom" class="agy-client-quote"></label></span></td>
                    <td>
                        <input asp-for="lacodcom" class="agy-form-field require" placeholder="Cod. commessa" />
                        <span asp-validation-for="lacodcom" class="text-danger"></span>
                    </td>
                </tr>
                <tr>
                    <td class="fw-bold fs-5"><span class="badge bg-secondary"><label asp-for="ladeslav" class="agy-client-quote"></label></span></td>
                    <td>
                        <input asp-for="ladeslav" class="agy-form-field require" placeholder="Cod. commessa" />
                        <span asp-validation-for="ladeslav" class="text-danger"></span>
                    </td>
                </tr>
                <tr>
                    <td class="fw-bold fs-5"><span class="badge bg-secondary"><label asp-for="lacodcli" class="agy-client-quote"></label></span></td>
                    <td>
                        @Html.DropDownListFor(x => x.lacodcli, (IEnumerable<SelectListItem>)ViewBag.Anag, "- Seleziona un cliente", new { @id = "ddlClienti", @class = "agy-form-field require" })
                        <span asp-validation-for="lacodcli" class="text-danger"></span>
                    </td>
                </tr>
                <tr>
                    <td class="fw-bold fs-5"><span class="badge bg-secondary"><label asp-for="lacodimp" class="agy-client-quote"></label></span></td>
                    <td>
                        <div id="District">
                            @Html.DropDownListFor(x => x.lacodimp, new List<SelectListItem>(), "- Seleziona un impianto", new { @id = "ddlImpianti", @class = "agy-form-field require" })
                        </div>
                        <span asp-validation-for="lacodimp" class="text-danger"></span>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="submit" value="Salva" class="agy-btn submitForm" />
                        <a asp-action="Index" value="Torna alla lista" class="agy-btn submitForm">Torna alla lista</a>
                    </td>
                </tr>
            </table>
        </div>
        </form>




@*         <div class="row">
            <div class="row">
                <div class="col-md-4">
                    <form asp-action="Create">
                        <div asp-validation-summary="ModelOnly" class="text-danger"></div>



                        <div class="form-group">
                            <h5><label asp-for="lacodcom" class="agy-client-quote"></label></h5>
                            <input asp-for="lacodcom" class="agy-form-field require" placeholder="Cod. commessa" />
                            <span asp-validation-for="lacodcom" class="text-danger"></span>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-12">&nbsp;</div>
                        <div class="form-group">
                            <h5><label asp-for="ladeslav" class="agy-client-quote"></label></h5>
                            <input asp-for="ladeslav" class="agy-form-field require" placeholder="Fase Commessa" />
                            <span asp-validation-for="ladeslav" class="text-danger"></span>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-12">&nbsp;</div>
                        <div class="form-group">

                            <h5><label asp-for="lacodcli" class="agy-client-quote"></label></h5>
                            @Html.DropDownListFor(x => x.lacodcli, (IEnumerable<SelectListItem>)ViewBag.Anag, "- Seleziona un cliente", new { @id = "ddlClienti", @class = "agy-form-field require" })
                            <span asp-validation-for="lacodcli" class="text-danger"></span>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-12">&nbsp;</div>
                        <div class="form-group">

                            <h5><label asp-for="lacodimp" class="agy-client-quote"></label></h5>
                            <div id="District">
                                @Html.DropDownListFor(x => x.lacodimp, new List<SelectListItem>(), "- Seleziona un impianto", new { @id = "ddlImpianti", @class = "agy-form-field require" })
                            </div>
                            <span asp-validation-for="lacodimp" class="text-danger"></span>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-12">&nbsp;</div>
                        <div class="form-group">
                            <input type="submit" value="Salva" class="agy-btn submitForm" />
                            <a asp-action="Index" value="Torna alla lista" class="agy-btn submitForm">Torna alla lista</a>
                        </div>
                        
                    </form>
                </div>
            </div>
            <div>

            </div>

            @section Scripts {
                @{
                    await Html.RenderPartialAsync("_ValidationScriptsPartial");
                }
            }

        </div> *@
    </div>
</div>
<hr />
<script src="~/assets/js/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#ddlClienti').change(function () {
            $.ajax({
                type: "post",
                url: "/CommesseVT/Cascading",
                data: { lacodcli: $('#ddlClienti').val() },
                datatype: "json",
                traditional: true,
                success: function (states) {



                    var district = "<select id='ddlImpianti' class='form-control' name='lacodimp'>";
                    district = district + '<option value="">--Seleziona--</option>';
                    for (var i = 0; i < states.length; i++) {
                        district = district + '<option value="' + states[i].value + '">' + states[i].text + '</option>';

                    }

                    district = district + '</select>';

                    $('#District').html(district);
                }
            });
        });
    });
</script>