第一个easyui的例子

来源：互联网发布：mac装win10驱动下载编辑：程序博客网时间：2024/05/09 07:16

一、下载jQuery easyui

二、在html中引入easyui

三、使用easyui

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"pageEncoding="ISO-8859-1"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>Insert title here</title><script type="text/javascript"src="${pageContext.request.contextPath}/jquery-easyui-1.5.1/jquery.min.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/jquery-easyui-1.5.1/jquery.easyui.min.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/jquery-easyui-1.5.1/locale/easyui-lang-zh_CN.js"></script><link rel="stylesheet"href="${pageContext.request.contextPath}/jquery-easyui-1.5.1/themes/default/easyui.css"type="text/css" /><link rel="stylesheet"href="${pageContext.request.contextPath}/jquery-easyui-1.5.1/themes/icon.css"type="text/css" /><script type="text/javascript">$(function() {//console.info($('#dd2'));/*使用JavaScript动态创建EasyUI的Dialog的步骤： 1、定义一个div，并给div指定一个id2、使用Jquery选择器选中该div，然后调用dialog()方法就可以创建EasyUI的Dialog *///使用自定义参数创建EasyUI的Dialog$('#dd3').dialog({title : '使用JavaScript创建的Dialog',width : 400,height : 200,closed : false,cache : false,modal : true});});</script></head><body><div class="easyui-dialog" id="dd1" title="EasyUI Dialog"style="width: 500px; height: 300px;">Hello World!</div><div id="dd3">Dialog Content</div></body></html>

可以看见我们用了2种创建dialog的方法，一种在div里直接定义，一种用js直接定义

0 0