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>
时间: 2024-10-07 10:23:34