Cómo utilizar EasyUI para generar una interfaz emergente

Cuando creamos páginas, a menudo necesitamos crear interfaces emergentes. Entonces, ¿cómo usar EasyUI para crear interfaces emergentes? Déjame compartirlo contigo.

Herramientas/Materiales Eclipse

01 Primero, creamos un nuevo proyecto web en Eclipse y luego importamos la carpeta de la biblioteca de EasyUI, como se muestra en la siguiente figura.

A continuación, cree un nuevo archivo HTML5 y cree principalmente ventanas emergentes en este archivo, como se muestra en la siguiente figura.

Luego, primero importe el script Jquery en la interfaz HTML5 y luego importe el archivo de script easyui, como se muestra en la siguiente figura.

A continuación, utilizamos el elemento de enlace para importar el archivo de estilo easyui, como se muestra en la siguiente figura.

Luego, si la interfaz tiene contenido chino, debe importar el archivo de script chino de easyui, como se muestra en la siguiente figura.

Luego agregamos un div en el área principal y le damos un estilo de diálogo easyui, como se muestra en la siguiente figura.

Luego ejecutamos la interfaz y verá una interfaz emergente easyui, como se muestra en la siguiente figura.

Finalmente, podemos controlar manualmente la generación de ventanas emergentes de easyui en scripts JS, principalmente a través de cuadros de diálogo, como se muestra en la siguiente figura.