首页 > 代码库 > 布局 - panel

布局 - panel

2024-08-30 01:43:56   217人阅读

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=http://www.mamicode.com/"<%=homePage%>/jslib/jquery-easyui-1.5/themes/default/easyui.css"
          charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"<%=homePage%>/jslib/jquery-easyui-1.5/themes/icon.css"
          charset="utf-8"/>
    <script type="text/javascript" src=http://www.mamicode.com/"<%=homePage%>/jslib/jquery-easyui-1.5/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src=http://www.mamicode.com/"<%=homePage%>/jslib/jquery-easyui-1.5/jquery.easyui.min.js"
            charset="utf-8"></script>
    <script type="text/javascript" src=http://www.mamicode.com/"<%=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>


 技术分享

布局 - panel






























        

            
                
                  
                
                

                    联系

                    我们