布局 - panel

发布时间:2017-1-16 18:58:23 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"布局 - panel ",主要涉及到布局 - panel 方面的内容,对于布局 - panel 感兴趣的同学可以参考一下。

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>


 


上一篇:netstat命令
下一篇:给人生一个更准确的定位

相关文章

关键词: 布局 - panel

相关评论