<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tree Node Icons - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="easyui.css">
<link rel="stylesheet" type="text/css" href="icon.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.easyui.min.js"></script>
</head>
<body>
<div id = "box" title="js generate dialog" style="width:400px;height:200px;">
</div>
<div class="easyui-dialog" title="class generate dialog" style="width:500px;height:500px">
</div>
<script >
$(function(){
$("#box").dialog();
});
</script>
</body>
</html>
生成dialog的方式有两种：第一种是通过js生成 （这样可以让js和html分离） 第二种是通过class的属性值就可以了。
jQuery easy ui 的学习视频地址：http://edu.51cto.com/lesson/id-24494.html
原文：http://blog.csdn.net/zl544434558/article/details/41855761