本文档介绍了基于ExtJS MVC框架的OA项目中，岗位管理模块的CRUD功能实现过程，包括分页和按钮图标。详细阐述了从主页布局到各组件的编写，如Viewport、MenuTree、MenuStore等，通过模拟数据展示了功能的初步实现。
PS：本教程是基于之前与OA项目有关的以及ExtJSMVC框架搭建项目的继承上编写的。所以不会再介绍项目中 SSH2框架的搭建，以及ExtJS MVC中目录结构。
项目完成的功能：
主要功能：岗位管理模块的 CRUD 功能
次要功能：分页、按钮图标
功能如图：
主要功能图：
添加（修改）功能图：
PS: 新增与修改的窗口基本一致，有2点不同；1是标题不同，2是新增不需要填写ID，修改有ID显示但不能修改
一、主页的介绍
1）使用ExtJS MVC框架 加载 viewport，布局为border
步骤1、编辑主页（webapp / index2.html），内容如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index.html</title>
<!-- 1.设置 html文件编码 -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- 2. 引入ExtJS 样式文件 -->
<link rel="stylesheet" type="text/css" href="ext-4.0/resources/css/ext-all.css">
<!-- 3. 引入ExtJS 的主文件 -->
<script type="text/javascript" src="ext-4.0/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="css/oa-style.css" />
&
最低0.47元/天 解锁文章
扫一扫
1364
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
