Red de conocimiento informático - Material del sitio web - Cómo utilizar el marco EasyUI para crear un árbol y obtener valores de nodos del árbol

Cómo utilizar el marco EasyUI para crear un árbol y obtener valores de nodos del árbol

Herramientas/Materias Primas

EasyUI

Eclipsed

jdk1.8

Tomcat8.x

Navegador

p>

Herramienta de captura de pantalla

El primer paso es crear una página estática Tree.html e introducir el archivo CSS y el archivo JS del marco EasyUI, como se muestra a continuación:

El segundo paso Paso 1: Inserte la etiqueta del árbol en el cuerpo principal y configure los datos según los diferentes nodos, como se muestra en la siguiente figura:

Paso 3: Obtenga una vista previa de la página estática y vea un árbol con una letra de unidad, como se muestra en la siguiente figura:

Paso 4: edite el evento de clic del control de árbol e imprima el contenido de texto del nodo del árbol, como se muestra a continuación:

Paso 5: obtenga una vista previa de la página estática nuevamente y haga clic en el contenido del nodo que se imprimirá, como se muestra en la siguiente figura:

Paso 6: edite el evento antes de volver a plegarlo y depure la información de impresión. como se muestra en la siguiente figura: