panel一般作为其他组件的容器使用
很多组件都继承自panel
对于面板中的内容，支持异步从后台加载，当然，作为纯粹的面板，一般不会用到这个，但他的子类对于这个功能还是蛮实用的
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%
String homePage = request.getContextPath();
%>
<!DOCTYPE HTML>
<html>
<head>
<title>面板</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="<%=homePage%>/jslib/jquery-easyui-1.5/themes/default/easyui.css"
charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="<%=homePage%>/jslib/jquery-easyui-1.5/themes/icon.css"
charset="utf-8"/>
<script type="text/javascript" src="<%=homePage%>/jslib/jquery-easyui-1.5/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="<%=homePage%>/jslib/jquery-easyui-1.5/jquery.easyui.min.js"
charset="utf-8"></script>
<script type="text/javascript" src="<%=homePage%>/jslib/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"
charset="utf-8"></script>
<script type="text/javascript">
$(function () {
$("#panel").panel({
title: "面板",
iconCls: "icon-save",
width: 500,
height: 200,
tools: [{
iconCls: ‘icon-add‘,
handler: function () {
alert(‘new‘)
}
}, {
iconCls: ‘icon-save‘,
handler: function () {
alert(‘save‘)
}
}]
});
})
</script>
</head>
<body>
<div id="panel" style="width: 500px;height: 200px">面板</div>
</body>
</html>
原文：http://www.cnblogs.com/sherrykid/p/6235152.html