easyui layout使用问题
??? pageEncoding="GBK"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
?<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
?<link rel="stylesheet" type="text/css" href="${path}/js/com/nari/component/easyui/themes/default/easyui.css">?
?<link rel="stylesheet" type="text/css" href="${path}/js/com/nari/component/easyui/themes/icon.css">?
?<link rel="stylesheet" type="text/css" href="${path}/js/com/nari/component/easyui/demo.css">?
?<script type="text/javascript" src="${path}/js/com/nari/component/easyui/jquery.min.js"></script>?
?<script type="text/javascript" src="${path}/js/com/nari/component/easyui/jquery.easyui.min.js"></script>?
?<script type="text/javascript" src="${path}/js/com/nari/component/easyui/locale/easyui-lang-zh_CN.js"></script>?
?<meta http-equiv="Content-Type" content="text/html; charset=GBK">
?<title>tbUser初始化查询页面</title>
???? <style type="text/css">
??body {
???margin:0px;
???padding:0px;
???width:100%;
???height:100%;
??}
?</style>
?<script>
??var settime = null;
??function redraw(){
???$('#wrap').layout('resize');?
???$('#subWrap').layout('panel', 'north').panel('resize',{width:$('#subWrap').width()});
???$('#subWrap').layout('panel', 'center').panel('resize',{width:$('#subWrap').width()});
???$('#subWrap').layout('resize');
??}
??$(function(){??
???$(window).resize(function(){
????if(settime != null)
?????clearTimeout(settime);
????settime=setTimeout("redraw()",100);
???});? ???
???var p1 = $('body').layout('panel','west').panel({
????onCollapse:function(){
?????if(settime != null)
??????clearTimeout(settime);
?????settime=setTimeout("redraw()",100);
????},
????onExpand:function(){
?????if(settime != null)
??????clearTimeout(settime);
?????settime=setTimeout("redraw()",100);
????},
????onResize:function(width,height){
?????if(settime != null)
??????clearTimeout(settime);
?????settime=setTimeout("redraw()",100);
????}
???});????
???var p2 = $('body').layout('panel','east').panel({
????onCollapse:function(){
?????if(settime != null)
??????clearTimeout(settime);
?????settime=setTimeout("redraw()",100);
????},
????onExpand:function(){
?????if(settime != null)
??????clearTimeout(settime);
?????settime=setTimeout("redraw()",100);
????},
????onResize:function(width,height){
?????if(settime != null)
??????clearTimeout(settime);
?????settime=setTimeout("redraw()",100);
????}
???});?
??});
?</script>
</head>
<body>
?<body border="false" style="height:30px;background:#B3DFDA;">north region</div>
?<div region="west" split="true" title="tree" style="width:150px;padding:10px;">west content</div>
?<div region="east" split="true" title="East" style="width:100px;padding:10px;">east region</div>
?<div region="south" border="false" style="height:20px;background:#A9FACD;">south region</div>
?<div region="center" border="true" title="center" style="border-left:0px;border-right:0px;">??
??<div id="subWrap" style="width:100%;height:100%;background:#0A3DA4;">
???<div region="north" border="true" title="condtion" split="true" style="height:200px;background:#A9FACD;">
????<p style="font-size:48;margin:0px auto;text-align:center;">sub north region</p>
???</div>
???<div region="center" border="true" title="result" split="true" style="background:#E2E377;">
????<p style="font-size:48;margin:0px auto;text-align:center;">sub center region</p>
???</div>???
??</div>??
?</div>
?
</body>
</html>
