0

Estou com problema para carregar uma caixa de seleção (<select>) usando C# MVC com Json. O método retorna a lista completa com objetos, mas não carrega na caixa de seleção.

Meu Controller:

public ActionResult SelecionarRepresentante()
{
    var lista = Dao.SelecionarRepresentante().ToList();
    return Json(new { lista }, JsonRequestBehavior.AllowGet);
}

Meu Model:

public List<Representante> SelecionarRepresentante()
{
    string consulta = @" SELECT
                            A3_COD,
                            A3_NOME
                        FROM
                            SA3010 SA3
                        WHERE
                            SA3.D_E_L_E_T_ = ''
                            AND A3_SUPER = ''
                            AND A3_COD IN
                                (SELECT DISTINCT A1_VEND FROM SA1010 )
                        ORDER BY
                            A3_NOME";

    using (var conn = new SqlConnection(conexaoProtheus))
    {
        var cmd = new SqlCommand(consulta, conn);
        List<Representante> dados = new List<Representante>();
        Representante p = null;
        try
        {
            conn.Open();
            using (var reader = cmd.ExecuteReader(CommandBehavior.CloseConnection))
            {
                while (reader.Read())
                {
                    p = new Representante();
                    p.codigoRepresentante = reader["A3_COD"].ToString();
                    p.nome = reader["A3_NOME"].ToString();

                    dados.Add(p);
                }
            }
        }
        catch (Exception ex)
        {
            throw new Exception(ex.Message);
        }
        finally
        {
            conn.Close();
        }
        return dados;
    }
}

Meu Javascript:

$(document).ready(function () {
        $.ajax({
            type: "get",
            url:'/Gerenciamento/UsuarioExterno/SelecionarRepresentante',
            data: { representante: $("#representante").val() },
            dataType: 'json',
            contentType: "application/json; charset=utf-8",
            success: function (obj) {
                console.log(obj);
                if (obj != null) {
                    var data = obj.data;
                    var selectbox = $('#representante');
                    selectbox.find('option').remove();
                    $.each(data, function (i, d) {
                       $('<option>').val(d.codigoRepresentante).text(d.nome).appendTo(selectbox);
                    });
                }
            }
        });
});

Minha View:

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="~/Areas/Gerenciamento/Script/usuarioExterno/usuarioexternocadastro.js"></script>
<div id='formulario'>
    <h2>Usuário Externo Cadastro</h2>
    <br />

    @using (Html.BeginForm("Salvar", "UsuarioExterno", FormMethod.Post, new { Area = "Gerenciamento" }))
    {

    <fieldset class="grupo">

        <div class="campo">
            <label class="col-md-2 control-label">Codigo Representante: </label>
            <div class="col-md-6">
                <select class="form-control" name="representante" id="representante"></select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-2 control-label">Empresa: </label>
            <div class="col-md-6">
                <select class="form-control" name="empresa" id="empresa"></select>
            </div>
        </div>
    </fieldset>
</div>
10
  • Já viu se retorna algum erro no console?
    – Sam
    Commented 13/03/2018 às 18:22
  • não retorna erro. e ainda retorna a lista do objeto Commented 13/03/2018 às 18:58
  • Coloca esse console.log(obj); dentro do IF e veja se imprime
    – Sam
    Commented 13/03/2018 às 19:00
  • dentro do if e dentro do $.each ele retorna a lista do objeto. Mas o d.codigoRepresentante não imprime Commented 13/03/2018 às 19:01
  • lista:[{"codigoRepresentante":"000041","nome":"A E FILHO E ESTEVES REPRESENTACAO COMERCIAL LTDA ME"},{"codigoRepresentante":"000018","nome":"A. M. LUZ REPRESENTACOES COMERCIAIS LTDA"}, Commented 13/03/2018 às 19:03

1 Resposta 1

0

Revolvi modificando. Ficou assim...

$(document).ready(function () {
    $.ajax({
        url: "/Gerenciamento/UsuarioExterno/SelecionarRepresentante",
        success: function (data) {
            $("#representante").empty();
            $("#representante").append('<option value>Selecione...</option>');
            $.each(data, function (i, element) {
                $("#representante").append('<option value="' + element.codigoRepresentante + '">' + element.nome + '</option>');
            });
        }
    });
});

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 .