0

Tenho um formulário que possui dois @Html.DropDownListFor entre outros campos. Porem ao alterar o primeiro DropDownListFor eu preciso atualizar os valores do outro dropdownlist passando o id dele como parâmetro...

@model EP.IdentityIsolation.Domain.Entities.Cadastro.Atividade

@using (Html.BeginForm("SalvarHistoria", "Historia", FormMethod.Post))
                {
                    @Html.AntiForgeryToken()

                <div class="form-body">

                    @Html.ValidationSummary(true, "", new { @class = "text-danger" })

                    <div class="form-group">
                        @Html.LabelFor(model => model.Cliente, htmlAttributes: new { @class = "control-label" })
                        @Html.DropDownListFor(model => model.Cliente.Id, @ViewBag.ListaClientes, "Nenhum", new { @class = "form-control", required = "true", onchange = "?????" })
                        <small>@Html.ValidationMessageFor(model => model.Cliente, "", new { @class = "text-danger" })</small>
                    </div>

                    <div class="form-group">
                        @Html.LabelFor(model => model.Oportunidade, htmlAttributes: new { @class = "control-label" })
                        @Html.DropDownListFor(model => model.Oportunidade.Id, @ViewBag.ListaOportunidades, "Nenhum", new { @class = "form-control", required = "true" })
                        <small>@Html.ValidationMessageFor(model => model.Oportunidade, "", new { @class = "text-danger" })</small>
                    </div>

                    <div class="form-group">
                        @Html.LabelFor(model => model.IsExecutado, htmlAttributes: new { @class = "control-label" })
                        <div class="checkbox">
                            @Html.EditorFor(model => model.IsExecutado)
                            <small>@Html.ValidationMessageFor(model => model.IsExecutado, "", new { @class = "text-danger" })</small>
                        </div>
                    </div>

                </div>

                    <hr />

                    <div class="form-actions" align="right">
                        <button type="button" class="btn btn-danger waves-effect waves-light"><i class="fa fa-times" aria-hidden="true"></i></button>
                        <button type="submit" class="tst3 btn btn-success waves-effect waves-light m-r-10" onclick="validaDataHora();"> <i class="fa fa-check"></i> Salvar</button>
                    </div>
                }
4
  • passando o ID do primeiro select ou o value da <Option> selecionada? 7/02/2018 às 20:17
  • sim, ao selecionar uma das opções o segundo DropDownListFor deve ter os valores atualizados! 7/02/2018 às 23:31
  • Deixa ver se eu entendi, quando por exemplo você seleciona o valor de uma <option> no primeiro <select> tem que alterar o segundo <select> certo? Mas alterar como? Carregando as Oportunidades do Cliente escolhido ou as Oportunidades já estão todas carregadas e é preciso apenas seleciona-la? 8/02/2018 às 10:20
  • Isso, preciso carregar as oportunidades do cliente escolhido. 8/02/2018 às 10:34

1 Resposta 1

0

Consegui resolver o problema usando ajax.

Assim ficou o meu Dropdownlist:

@Html.DropDownListFor(model => model.Cliente.Id, cliente, "Nenhum", new { @class = "form-control", required = "true", onchange = "atualizaOportunidade(this);" })

@Html.DropDownListFor(model => model.Oportunidade.Id, new List<SelectListItem>(), "Nenhum", new { @class = "form-control", required = "true" })

Função ajax para atualizar os valores do dropdownlistfor da oportunidade ao alterar o cliente:

@section Scripts {
<script type="text/javascript">

    // Combobox Oportunidade
    function atualizaOportunidade(cliente) {
        debugger;
        var idCliente = cliente.value;

        $.ajax({
            url: "~/ListaOportunidade",
            type: 'post',
            dataType: 'json',
            data: { idCliente: idCliente },
            success: function (data) {
                debugger;

                // Remover todos existentes;
                $('#Oportunidade_Id').empty();

                // Criar campo vazio;
                var opt = new Option("Nenhum", null);
                $('#Oportunidade_Id').append(opt);

                // Carrega lista do retorno
                for (var i = 0; i < data.length; i++) {
                    var opt = new Option(data[i].Descricao, data[i].Id);
                    $('#Oportunidade_Id').append(opt);
                }
            }
        });

    }
</script> }

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .