本篇开始模拟一个船舶管理系统,提供查询、添加、修改船舶的功能,这里介绍其中的数据展示和查询功能。 目录 1. 数据展示 2. 数据查询 3. 在线演示 1. 数据展示 在这里我们将模拟一个船舶管理系统,并提供查询、添加、修改的功能。 大致的目录结构 ...
接上面的船舶管理业务,这里介绍添加和修改操作。 目录 . 添加操作 . 修改操作 . 在线演示 . 添加操作 . 创建AddShipWindow.js 在业务中的view目录下创建一个AddShipWindow.js文件,表示一个增加船舶的窗口组件。 此文件中包含了一个form组件用于显示所要添加的字段:船舶名称 状态 吨数和核载人数。 具体代码如下: Ext.define App.ShipMgr ...
2016-10-06 14:53 0 3514 推荐指数:
本篇开始模拟一个船舶管理系统,提供查询、添加、修改船舶的功能,这里介绍其中的数据展示和查询功能。 目录 1. 数据展示 2. 数据查询 3. 在线演示 1. 数据展示 在这里我们将模拟一个船舶管理系统,并提供查询、添加、修改的功能。 大致的目录结构 ...
本篇开始搭建一个ExtJS 4.2单页面应用, 这里先介绍主页的搭建,内容包括:主页结构说明、扩展功能等方面。 目录 1. 主页结构说明 2. 扩展功能 3. 在线演示 1. 主页结构说明 1.1 主页布局 传统的ExtJS 4.2应用,基本布局如下: 1.2 主页 ...
我们在上一节中介绍了如何在ExtJS 中自定义类,这一节中将介绍如何自定义数据模型。 自定义数据模型 在上一节中,我们使用Ext.define 来自定义类,通过Ext.define 定义的类都默认继承自Ext.base 类。如果我们将extend 设置 ...
ExtJS中除了提供丰富的组件外,我们还可以扩展他的组件。 在这里,我们将在Date日期组件上添加一个【清除】按钮,用于此组件已选中值的清除。 目录 1. Date组件介绍 2. 主要代码说明 3. 代码与在线演示 1. Date组件介绍 这里的Date组件全称 ...
。 1.开发环境 myeclipse2015stable2 ExtJs 4.2.1.883 ...
在开发中遇到两种情况:第一在新增窗体时,要动态加载CheckBox项;第二在修改时不但需要加载所有CheckBox项,还要并且选中之前新增时的选项 如图这是在修改页面的效果: 1.在新增窗体中动态加载checkboxgroup 1.1在新增窗体代码片段: 1.2 ...
本篇介绍ExtJS相关知识,是以ExtJS4.2.1版本为基础进行说明,包括:ExtJS的特点、MVC模式、4.2.1GPL版本资源的下载和说明以及4种主题的演示。 目录 1. 介绍 1.1 说明 1.2 特点 1.3 使用协议 1.3 MVC模式 2. 资源 ...
目录 1. 介绍 1.1 说明 1.2 组件分类 1.3 组件名称 1.4 组件结构 2. 组件的创建方式 2.1 Ext.create()创建 2.2 xtype创建 1. 介绍 1.1 说明 ExtJS的强大功能之一是提供了非常丰富的组件 ...