2

Não consigo fazer o script para que isto funcione. Tenho que fazer pesquisa para dentro da segunda Dropdown (Vigararias) e guardar o ID da segunda dropdown para fazer o Post o ID na BD

Controller: Este Controlador vai buscar as dioceses da primeira dropdown.

public ActionResult GetDioceses()
        {
            //  Obter todas as dioceses usando Entity Framework e LINQ 
            var dioceses = db.Diocese
                .Select(d => new { d.DioceseID, d.Nome })
                .OrderBy(d => d.Nome);
            if (HttpContext.Request.IsAjaxRequest())          
                return Json(new SelectList(
                           dioceses,
                           "DioceseID",
                           "Nome"), JsonRequestBehavior.AllowGet
                           );     
            return View(dioceses);
        }

Este controlador vai buscar todas as vigararias pertencentes a diocese.

public ActionResult GetVigarariasByDioceses(int DioceseId)
        {
            // Obter Vigararias de uma Diocese utilizando LINQ.
            var vigararias = db.Vigararia
                .Where(v => v.DioceseID == DioceseId)
                .Select(v => new { v.VigarariaID, v.Nome })
                .OrderBy(v => v.Nome);

            if (HttpContext.Request.IsAjaxRequest())
                return Json(new SelectList(
                                vigararias,
                                "VigarariaID",
                                "Nome"), JsonRequestBehavior.AllowGet
                            );

            return View(vigararias);
        }

View:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $.getJSON("@Url.Action("GetDioceses", "Paroquia")"
                var items = "<option>---------------------</option>";
                $.each(data, function (i, diocese) {
                    items += "<option value='" + diocese.Value + "'>" + diocese.Text + "</option>";
                });
                $("#Dioceses").html(items);
            });

            $("#Dioceses").change(function () {
                 $.getJSON("@Url.Action("GetVigarariasByDioceses", "Paroquia")/"+ $("#Dioceses > option:selected").attr("value"), function (data) {
                    var items = "<option>---------------------</option>";
                    $.each(data, function (i, vigararia) {
                        items += "<option value='" + vigararia.Value + "'>" + vigararia.Text + "</option>";
                    });
                    $("#Vigararias").html(items);
                });
            });
        });
    </script>
 <div class="form-group">

    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()


                        <div class="form-group">
                            @Html.Label("Dioceses", htmlAttributes: new { @class = "control-label col-md-2" })

                            <div class="col-md-3">
                                <select id="Dioceses" name="Dioceses" class="form-control"></select>
                            </div>
                        </div>

                        <div class="form-group">
                            @Html.Label("Vigararias", htmlAttributes: new { @class = "control-label col-md-2" })                              
                            <div class="col-md-3">
                                <select id="Vigararias" name="Vigararias" class="form-control"></select>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-offset-2 col-md-10">
                                <input type="submit" value="Criar" class="btn btn-primary" />
                            </div>
                        </div>
    }
3
  • Sua dúvida é o que passar para $.getJSON()? 14/01/2016 às 16:26
  • Sim é essa a minha dúvida. 14/01/2016 às 16:28
  • Já fiz alterações no script 14/01/2016 às 16:30

1 Resposta 1

2

Aparentemente está tudo ok. Use @Url.Action para montar os endereços do jQuery:

$.getJSON("@Url.Action("GetDioceses", "MeuController")", function (data) { ... }

$.getJSON("@Url.Action("GetVigariasByDioceses", "MeuController")/" + $("#Dioceses > option:selected").val(), function (data) { ... }

EDIT

Se $.getJSON() não funcionar, use $.get() ou $.ajax().

14
  • Mostra os itens da primeira dropdown para não da segunda. 14/01/2016 às 16:52
  • Chegou a colocar breakpoints no Controller? Revisou o código HTML gerado? 14/01/2016 às 16:53
  • No controller ele não chega a entrar do método "GetVigarariasByDioceses", já revi a view e não consigo identificar o erro. 14/01/2016 às 17:04
  • O nome do script estava mal mas mesmo assim não funciona. 14/01/2016 às 17:31
  • *O nome do método estava mal não do script. 14/01/2016 às 17:38

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 .