Skip to main content
5 de 6
adicionou 494 caracteres ao conteúdo

DropDown Cascata

Meu problema é passar valores para controller na hora de fazer um update.

Consigo fazer fazer o cascading tudo certo. Segue meu código.

Primeiro DropDown:

@Html.DropDownList(
    "idCanalIndicadoresMassivo", 
    ViewBag.idCanalIndicadoresMassivo as SelectList, 
    "[Selecione]", new { id = "CanalMassivo" }
);

Assim que recebo o valor do primeiro carrega o segundo.

@Html.DropDownList(
    "idSegmento", 
    new SelectList(Enumerable.Empty<SelectListItem>()),
    "[Selecione]", new { id = "Segmento", disabled = "disabled" }
);

Meu controller está assim.

ViewBag.idSegmento = new SelectList(db.Segmento, "idSegmento", "descricao", indicadoresmassivosp.idSegmento);

Para carregar o segundo eu carrego assim.

private IList<Segmento> GetClasses(int idCanalMassivo)
{
    return db.Segmento.Where(m => m.idCanalIndicadoresMassivo == idCanalMassivo).ToList();
}

public JsonResult GetStates(string CanalMassivo)
{
    var classesList = this.GetClasses(Convert.ToInt32(CanalMassivo));
    var classesData = classesList.Select(m => new SelectListItem()
    {
        Value = m.idCanalIndicadoresMassivo.ToString(),
    });

    var states = classesData.Select(m => m.Text).ToList();
    return Json(states, JsonRequestBehavior.AllowGet);
}

Aqui é meu JavaScript:

<script type="text/javascript">
    $(function () {
        $('#CanalMassivo').on('change', function () {
            var stateDropdown = $('#Segmento');
            //disable state drop down
            stateDropdown.prop('disabled', 'disabled');
            //clear drop down of old states
            stateDropdown.empty();

            var select = $("#Segmento");
            select.empty();
            select.append($('<option/>', {
                value: 0,
                text: "[Selecione]"
            }));

            //retrieve selected country
            var CanalMassivo = $(this).val();
            if (CanalMassivo.length > 0) {
                // retrieve data using a Url.Action() to construct url
                $.getJSON('@Url.Action("GetStates")', { CanalMassivo: CanalMassivo })
                    .done(function (data) {
                        //re-enable state drop down
                        stateDropdown.removeProp('disabled');
                        //for each returned state
                        $.each(data, function (i, state) {
                            //Create new option
                            var option = $('<option />').html(state);
                            //append state states drop down
                            stateDropdown.append(option);
                        });
                    })
                .fail(function (jqxhr, textStatus, error) {
                    var err = textStatus + ", " + error;
                    console.log("Request Failed: " + err);
                });
            }
        });
    })
</script>

Controller que faz salvar

[HttpPost]
    public ActionResult Edit(IndicadoresMassivoSP indicadoresmassivosp)
    {
        {
            if (ModelState.IsValid)
            {

                db.Entry(indicadoresmassivosp).State = EntityState.Modified;
                db.SaveChanges();
                return RedirectToAction("Index");
            }
            return ViewOrPartial(indicadoresmassivosp);
        }
    }

Aí quando eu vou dar o update ele não localizar o valor do segundo DropDown, Não sei se ficou meio confusa minha dúvida. Preciso receber valores na controller

Não sei se o modo que estou fazendo também está certo pois peguei vários exemplos e saiu isso, caso tenha outro exemplo que possa seguir aceito.