easyui下面layout外掛的使用案例
阿新 • • 發佈:2019-02-03
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>layout---頁面佈局</title> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/easyui/themes/icon.css"> <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script> </head> <body class="easyui-layout"> <!-- 使用div指定區域 --> <div title="bos管理系統" data-options="region:'north'" style="height: 100px">北部區域</div> <div title="系統選單" data-options="region:'west'" style="width: 200px">西部區域</div> <div title="頁面佈局" data-options="region:'center'">中心區域</div> <div title="頁面佈局" data-options="region:'east'" style="width: 100px">東部區域</div> <div data-options="region:'south'" style="height: 50px">南部區域</div> </body> </html>