jsontree — u_pbt_jsontree #

← Referencia de componentes · Índice de la guía

jsontree muestra un valor JSON como un árbol plegable, coloreado por tipo: una pantalla de configuración, una respuesta de API, una depuración de integración. Fija el texto JSON en is_json, el componente lo muestra; un clic en un nodo reporta su ruta (ue_node_clicked), un JSON inválido lanza ue_error. No modifica nada: es un VISOR.

▶ Verlo en vivo — Aplicación de demostración, mosaico JSON tree, con el código y esta página lado a lado.

De un vistazo #

Inicio 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

Propiedades #

Métodos #

Eventos #

Ejemplo #

Explorar la respuesta de una 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

Buenas prácticas #

• Es un visor, no un editor: muestra el JSON, no lo cambia. Para leer un valor, tome la ruta de ue_node_clicked y búsquela en sus propios datos.
• Un JSON grande se pliega: primero of_collapse_all, el lector abre lo que le interesa — mil nodos abiertos de golpe es ilegible.
• Un JSON inválido no rompe nada: ue_error lo dice, el árbol queda vacío. Es el retorno a mostrar, no un fallo.

Heredado de la base común #

Estos miembros existen en todos los componentes visuales — no son propios de este. Se detallan una sola vez, en los capítulos transversales; esta tabla solo dice dónde leerlos.

← Referencia de componentes · Índice de la guía