none
Como criar duas colunas dentro do JavaScript RRS feed

  • Pergunta

  • Ola Pessoal, tenho este código que pretendo implementar duas colunas (Id e Nome) referente aos campos da minha tabela na rotina do javascript logo abaixo, como devo proceder ? Grato a todos

    MODELS

    {
         [Table(Name = "Produtos")]
        public class Produto
        {

            public int Id { get; set; }
            public string Nome { get; set; }
            public string Cor { get; set; }
            public string Ativo { get; set; }

        }
    }

    CONTROLLER

          public PartialViewResult GetProdutos()
            {
                List<Produto> produtos = contexto.GetTable<Produto>().ToList();

                return PartialView(produtos);
            }

    JAVASCRIPT

    @section Scripts {
        <script>
            $('#btnAjax').click(function ajaxCall() {
                $.ajax({
                    url: '/Home/GetProdutos',
                    contentType: 'application/html; charset=utf-8',
                    type: 'GET',
                    dataType: 'html'

                })
                .success(function (result) {
                    $('#produtos').html(result);
                })
                .error(function (xhr, status) {
                    alert(status);
                })
            }
            );
        </script>
    }

    sexta-feira, 4 de dezembro de 2015 17:33

Todas as Respostas

  • Quer mostrar estes dados em uma table em sua página? Tenta urilizar uma WebGrid.

    http://www.macoratti.net/12/04/asp_wbg1.htm

    Se vc quiser fazer com o AJAX, vc pode montar sua tabela na mão ou utilizar alguma ferramenta de terceiros.


    Paulo Marcelo Dalbosco

    sexta-feira, 4 de dezembro de 2015 18:14
  • Como ta vindo o valor da sua váriavel "result" no evento de sucesso? 

    Você terá que pegar esse valor e montar na mão o html tipo assim:

    var tempTable= $('<table>'); var row1 = $("<tr><td>row1</td></tr>"); var row2 = $("<tr><td>row2</td></tr>"); tempTable.append(row1); tempTable.append(row2);

    $('#produtos').html(tempTable);




    Att. Andre de Mattos Ferraz - www.iamferraz.com.br - http://mbsy.co/ldecrespigny/19022985


    sexta-feira, 4 de dezembro de 2015 19:15
  • Bom dia.

    Não tenho certeza qual a dúvida, mas:

    1 - Coloque um "[HttpGet]" acima da tua PartialViewResult.

    2 - Formate a PartialView como tu achas necessário (a partir da lista de objetos) e chame o Ajax com o .html(result) normalmente.

    3 - Utilize:

    url: '@Url.Action("GetProdutos", "Home")'

    4 - Possivelmente separe a Action "GetProdutos" no Controller de Produtos (mais por padronização mesmo).

    Caso mesmo assim não resolva, debugue sua aplicação e abra o console do browser para verificar se algum erro está sendo gerado.


    Att., Rafael Simor

    segunda-feira, 7 de dezembro de 2015 12:55