jsontree — u_pbt_jsontree #

← Referência dos componentes · Índice do guia

jsontree mostra um valor JSON como uma árvore recolhível, colorida por tipo: um ecrã de configuração, uma resposta de API, uma depuração de integração. Define o texto JSON em is_json, o componente mostra-o; um clique num nó reporta o seu caminho (ue_node_clicked), um JSON inválido levanta ue_error. Não modifica nada: é um VISUALIZADOR.

▶ Ver ao vivo — Aplicação de demonstração, mosaico JSON tree, com o código e esta página lado a lado.

Em resumo #

Início rápido #

// Show an API response as a tree
uo_json.is_json = inv_rest.of_response_text()

// Fold everything, then let the user open what interests them
uo_json.of_collapse_all()

// ue_node_clicked : the dotted path of the node clicked ("lines.0.sku")
// -> read it in your own data with what the path names

Propriedades #

Métodos #

Eventos #

Exemplo #

Explorar a resposta de uma API #

if inv_rest.of_get("https://api.example.com/orders/4152") = 200 then
	uo_json.is_json = inv_rest.of_response_text()
	uo_json.of_collapse_all()          // the reader opens what interests them
else
	uo_json.of_clear()
end if

Boas práticas #

• É um visualizador, não um editor: mostra o JSON, não o muda. Para ler um valor, pegue o caminho de ue_node_clicked e vá buscá-lo aos seus próprios dados.
• Um JSON grande dobra-se: primeiro of_collapse_all, o leitor abre o que lhe interessa — mil nós abertos de uma vez é ilegível.
• Um JSON inválido não parte nada: ue_error di-lo, a árvore fica vazia. É o retorno a mostrar, não uma falha.

Herdado da base comum #

Estes membros existem em todos os componentes visuais — não são próprios deste. São detalhados uma só vez, nos capítulos transversais; esta tabela apenas diz onde os ler.

← Referência dos componentes · Índice do guia