39008073118b147269301622b95829257fbb89b1.svn-base 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. %>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  9. <title></title>
  10. <!--框架必需start-->
  11. <script type="text/javascript" src="<%=path%>/libs/js/jquery.js"></script>
  12. <script type="text/javascript" src="<%=path%>/libs/js/language/cn.js"></script>
  13. <script type="text/javascript" src="<%=path%>/libs/js/framework.js"></script>
  14. <link href="<%=path%>/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
  15. <link rel="stylesheet" type="text/css" id="skin" prePath="<%=path%>/" scrollerY="false"/>
  16. <link rel="stylesheet" type="text/css" id="customSkin"/>
  17. <!--框架必需end-->
  18. <!--布局控件start-->
  19. <script type="text/javascript" src="<%=path%>/libs/js/nav/layout.js"></script>
  20. <!--布局控件end-->
  21. <script type="text/javascript">
  22. function initComplete(){
  23. var layout=$("#layout1").layout({ leftWidth: 200,rightWidth:150});
  24. layout.setRightCollapse(true);
  25. }
  26. function customHeightSet(contentHeight){
  27. $(".layout_content").height(contentHeight-30)
  28. }
  29. </script>
  30. </head>
  31. <body>
  32. <div id="layout1">
  33. <div position="left" style="" panelTitle="组织机构">
  34. <div class="layout_content">
  35. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  36. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  37. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  38. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  39. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  40. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  41. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  42. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  43. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  44. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  45. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  46. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  47. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  48. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  49. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  50. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  51. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  52. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  53. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  54. 这是左侧区域<br/>内容过多时出现纵向滚动条<br/>
  55. </div>
  56. </div>
  57. <div position="center" style="">
  58. 这是中间区域
  59. </div>
  60. <div position="right" style="" panelTitle="便捷工具">
  61. 这是右侧区域
  62. </div>
  63. </div>
  64. </body>
  65. </html>