0

Estou testando um plugin para carregar um Json em uma table, o footable, consegui fazer ele carregar o Json simples. Porém quando testo um Json em que uma das colunas é um objeto Json não consigo visualizar os campos desse objeto.

Json abaixo:

[
      {
      "pessoa":       {
         "id": 1,
         "tipo": "J",
         "razao_social": "INTELIDER",
         "nome_fantasia": "INTELIDER LTDA",
         "cpf_cnpj": "10999558000186",
         "rg_insc_estadual": "132456789"
      },
      "id": 1,
      "login": "gleyson",
      "senha": "123456",
      "ativo": "S"
   },
      {
      "pessoa":       {
         "id": 11,
         "tipo": "F",
         "razao_social": "i9maker ltda",
         "nome_fantasia": "INTELIDER LTDA",
         "cpf_cnpj": "",
         "rg_insc_estadual": "123456"
      },
      "id": 11,
      "login": "gleyson",
      "senha": "123456",
      "ativo": "S"
   }
]

o código de carregamento é esse:

 $('.table').footable({
                    "columns": [
                        { "name": "login", "title": "Login"},
                        { "name": "razao_social", "title": "Razão Social", "breakpoints": "xs" },
                        { "name": "nome_fantasia", "title": "Nome fantasia", "breakpoints": "xs" },
                        { "name": "cpf_cnpj", "title": "CNPJ", "breakpoints": "xs sm" },
                        { "name": "rg_insc_estadual", "title": "Inscrição", "breakpoints": "xs sm md" }
                    ],
                    "rows": result
                });

Passo o Json para a função através da variavel result.

A tabela é carregada porém os campos que são referentes a classe pessoa não aparecem:

inserir a descrição da imagem aqui

1 Resposta 1

1
[{
 "pessoa": {
   "id": 1,
   "tipo": "J",
   "razao_social": "INTELIDER",
   "nome_fantasia": "INTELIDER LTDA",
   "cpf_cnpj": "10999558000186",
   "rg_insc_estadual": "132456789"
  },
  "id": 1,
  "login": "gleyson",
  "senha": "123456",
  "ativo": "S"
}]

ele consegue popular o login porque está na raiz; os demais campos estão dentro de um array, ou seja, você precisa referenciar o "caminho" completo.

$('.table').footable({
  "columns": [
    { "name": "pessoa_login", "title": "Login"},
    { "name": "pessoa_razao_social", "title": "Razão Social", "breakpoints": "xs" },
    { "name": "pessoa_nome_fantasia", "title": "Nome fantasia", "breakpoints": "xs" },
    { "name": "pessoa_cpf_cnpj", "title": "CNPJ", "breakpoints": "xs sm" },
    { "name": "pessoa_rg_insc_estadual", "title": "Inscrição", "breakpoints": "xs sm md" }
  ],
  "rows": result
});
1

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 .