5

Estou usando o plugin jquery Datatables versão 1.10.7.

Estou tentando carregar um tabela seguindo a seguinte estrutura:

JSON

{
    "d:" [
        {   "IdNotificacao":null,
            "Contrato":{
                "id":631,
                "serie":2210618,
                "dataAdesao":"29/04/2015",
                "diaVencimento":16,
                "contribuicaoMensal":0.9259
            },
            "PagamentoDoContrato":[{
                "$id":"6",
                "id":16072,
                "idContrato":631,
                "parcela":1,
                "valorBruto":328.70,
                "valorLiquido":323.77,
                "dataPagamento":"30/04/2015"                
            }],
            "Assembleia":{"$ref":"3"},
            "GrupoCota":{"$ref":"2"},
            "Cliente":{
                "$id":"9",
                "id":631,
                "cpf_cnpj":"1xx3xx1xx7x",
                "nome":"JESSICA ABDC",
                "renda":2500.00
            },          
            "TipoDaNotificacao":null,
            "CanalDeEnvio":"SMS",
            "DataEnvio":"10/06/2015 14:24:33",
            "DataRecebimento":"10/06/2015 14:25:21",
            "DataLeitura":"",
            "Recebida":"Recebida",
            "Lida":"Não Lida",
            "ObservacaoRecebimento":"",
            "ObservacaoLeitura":"",
            "DestinatarioEnvio":"319xx88xx6"
        }
    ]
}

**O Json é recebido via Ajax*.

Tabela a ser gerada

<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<table class="table">
  <thead>
    <tr>
      <td>Contrato</td>
      <td>Serie</td>
      <td>Adesão</td>
      <td>Dia Vencimento</td>
      <td>Contribuição Mensal</td>
      <td>Parcela</td>
      <td>Valor Liquido</td>
      <td>Pagamento</td>
      <td>Documento</td>
      <td>Nome</td>
      <td>Renda</td>
      <td>Canal De Envio</td>
      <td>Envio</td>
      <td>Recebida</td>
      <td>Data</td>
      <td>Observação</td>
      <td>Destinatario</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>631</td>
      <td>2210618</td>
      <td>29/04/2015</td>
      <td>16</td>
      <td>0.9259%</td>
      <td>1</td>
      <td>R$ 323,77</td>
      <td>30/04/2015</td>
      <td>1xx.3xx.1xx-7x</td>
      <td>JESSICA ABDC</td>
      <td>R$ 2.500,00</td>
      <td>SMS</td>
      <td>10/06/2015 14:24:33</td>
      <td>Recebida</td>
      <td>10/06/2015 14:25:21</td>
      <td></td>
      <td>(31) 9xx8-8xx6</td>
    </tr>
  </tbody>
</table>

Quando não tem lista de lista no json, eu faço da seguinte forma:

function(data) {
  var Dados = eval(data.d);
  
  $('#table_vencimento').dataTable({
    "bJQueryUI": true,
    "bLengthChange": false,
    "iDisplayLength": 10,
    "oLanguage": {
      "sUrl": "pt.txt"
    },
    data: Dados,
    columns: [{
      data: 'Cota'
    }, {
      data: 'CpfCliente'
    }, {
      data: 'NomeCliente'
    }, {
      data: 'DestinatarioEnvio'
    }, {
      data: 'DataEnvio'
    }, {
      data: 'Recebida'
    }, {
      data: 'DataRecebimento'
    }, {
      data: 'ObservacaoRecebimento'
    }, {
      data: 'Lida'
    }, {
      data: 'DataLeitura'
    }, {
      data: 'ObservacaoLeitura'
    }, {
      data: 'CanalDeEnvio'
    }, ]
  });
}

JSON

    {
    "d:" [
        {   "IdNotificacao":null,
            "TipoDaNotificacao":null,
            "CanalDeEnvio":"SMS",
            "DataEnvio":"10/06/2015 14:24:33",
            "DataRecebimento":"10/06/2015 14:25:21",
            "DataLeitura":"",
            "Recebida":"Recebida",
            "Lida":"Não Lida",
            "ObservacaoRecebimento":"",
            "ObservacaoLeitura":"",
            "DestinatarioEnvio":"319xx88xx6"
        }
    ]
}

Esse é um JSON "sem lista de lista".

MEU PROBLEMA

Não estou conseguindo carregar corretamente uma tabela usando o datatables, quando o JSON possui vários níveis (ou lista de lista), como exemplificado acima.

8
  • Será que não é possível fazer isso, pois eu já ofereci 50 pontos, e nenhum comentário se quer. 16/06/2015 às 13:40
  • Não entendi muito bem sua pergunta. Essa frase Quando não tem lista de lista no json, eu faço da seguinte forma: ficou estranha. Você gera esse JSON ? É um arquivo .txt ? As vezes é preciso editar a pergunta, colocar mais informações para podermos te ajudar. 16/06/2015 às 14:45
  • Eu inclui uma alteração na pergunta. 16/06/2015 às 15:45
  • 1
    Eu ainda não entendi qual o problema. 16/06/2015 às 16:21
  • 1
    Não estou conseguindo carregar corretamente uma tabela usando o datatables, quando o JSON possui vários níveis (ou lista de lista). 16/06/2015 às 16:38

1 Resposta 1

5
+50

Quando os dados estão aninhados dentro de outros objetos (vários níveis) deve ser utilizada a notação com . (ponto) conforme a documentação.

columns deve ter o seguinte valor:

[
  {data: 'Contrato.id'},
  {data: 'Contrato.Serie'},
  {data: 'Contrato.dataAdesao'},
  {data: 'Contrato.diaVencimento'},
  {data: 'Contrato.contribuicaoMensal'},
  {data: 'PagamentoDoContrato.parcela'},
  {data: 'PagamentoDoContrato.valorLiquido'},
  {data: 'PagamentoDoContrato.dataPagamento'},
  {data: 'Cliente.cpf_cnpj'},
  {data: 'Cliente.nome'},
  {data: 'Cliente.renda'},
  {data: 'CanalDeEnvio'},
  {data: 'DataEnvio'},
  {data: 'Recebida'},
  {data: 'DataRecebimento'},
  {data: 'ObservacaoRecebimento'},
  {data: 'DestinatarioEnvio'}
]

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 .