Cómo introducirlo y utilizarlo de forma sencilla
En el siguiente código, primero debemos presentar nuestro Jquery. Esta versión de jquery debe ser coherente con la versión de Jquery utilizada en EasyUI para evitar errores inexplicables cuando usamos EasyUI.
Luego introduzca el archivo JS de EasyUI. Tenga en cuenta que ambos archivos JS deben especificar el juego de caracteres.
Luego introducimos el archivo CSS, elegimos el siguiente archivo CSS:
Luego Icono, luego el paquete chino:
lt;!DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Transicional//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"gt;
lt;html xmlns= "http://www.w3.org/1999/xhtml"gt;
lt;headgt;
lt;meta http-equiv="Contenido-Tipo" content=" text/html; charset=UTF-8" /gt;
lt ; titlegt; Introducción a EasyUIlt; /titlegt;
?
? p>
?
lt;/headgt;
lt;script language="JavaScript" type="text/javascript" src=".../ jquery- easyui-1.2.6/jquery-1.7.2.min.js" charset="utf-8"gt;lt;/scriptgt; ?
?--(Especifique codificación para evitar caracteres confusos ) Introducción a la versión de EasyUI Jquery utilizada en --gt;
lt; script language="JavaScript" type="text/javascript" src=".../jquery-easyui-1.2.6/ jquery.easyui .min.js" charset="utf-8"gt;lt;/scriptgt;
?lt;! --(Especifique la codificación para evitar caracteres confusos) Introducir archivos EasyUi--gt
lt; - 1.2.6/themes/default/easyui.css"gt; ?lt;! --Introducción a los estilos CSS--gt;
lt; link rel="stylesheet" type="text/css" href=".../jquery-easyui-1.2.6/themes/ icono .css"gt; ?lt;! --Introducción del icono--gt；
?
?lt；script language="JavaScript" type="text/javascript" src=".../jquery-easyui- 1.2.6/locale/easyui-lang-zh_CN.js"gt;lt;/scriptgt;?lt;! --Chino--gt;
lt; scriptgt;
lt;/scriptgt;
?
lt;! --Aquí, class="easyui-dialog" Tenga en cuenta que en EasyUi, el analizador
Los divs easyuii- **** se convierten en componentes y --gt no se puede omitir
lt; div id="dd" class="easyuii-dialog" style=" padding: 5px; width : 400px ;height: 200px;"
title="Esta es la primera vez que uso EasyUI" iconCls="icon-ok"
toolbar="#dlg-toolbar" botones= " #dlg- botones "gt;
¡hola mundo!
?lt;/divgt;
?
?
?
lt;/bodygt;
lt;/htmlgt;
Después de introducir todos los archivos, pegamos un fragmento de código del sitio web oficial para ver el efecto de EasyUI:
En el navegador El efecto que ve es como se muestra en la figura: