ExtJs4实战(二) 搭建主页面

最新推荐文章于 2017-04-17 14:24:53 发布

akrions

最新推荐文章于 2017-04-17 14:24:53 发布

阅读量1.3k

点赞数

分类专栏： Extjs4 实战文章标签： extjs4 实例 mvc OA 布局

本文链接：https://blog.csdn.net/u014677625/article/details/32728693

版权

本文介绍了使用ExtJS4搭建一个主页面的过程，页面布局包括标题栏、菜单栏、主要内容区域（采用tab形式）和状态栏。通过app.js作为程序入口，涉及控制器、视图组件，如Header、Menu、Status和Tab等。

摘要由CSDN通过智能技术生成

页面预览

首先来预览一下搭建后的样子

界面方面还是采用传统的页面布局，上方为标题栏，左侧为菜单栏，右侧为主页面，这里采用tab的形式展现。下方为一个状态栏，以后会在这里添加提示信息。

页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<script type="text/javascript">
var basePath='<%=basePath%>';
</script>
<html>
  <head>   
      <script sr