你的位置:首页 > 软件开发 > Java > ExtJS 4.2 业务开发(二)数据展示和查询

ExtJS 4.2 业务开发(二)数据展示和查询

发布时间:2016-10-05 19:00:03
本篇开始模拟一个船舶管理系统,提供查询、添加、修改船舶的功能,这里介绍其中的数据展示和查询功能。目录1. 数据展示2. 数据查询3. 在线演示 1. 数据展示在这里我们将模拟一个船舶管理系统,并提供查询、添加、修改的功能。大致的目录结构如下:ShipMgrTab.js :船舶 ...

ExtJS 4.2 业务开发(二)数据展示和查询

本篇开始模拟一个船舶管理系统,提供查询、添加、修改船舶的功能,这里介绍其中的数据展示和查询功能。

目录

1. 数据展示

2. 数据查询

3. 在线演示

 

1. 数据展示

在这里我们将模拟一个船舶管理系统,并提供查询、添加、修改的功能。

大致的目录结构如下:

ExtJS 4.2 业务开发(二)数据展示和查询

ShipMgrTab.js :船舶业务的入口。

controller 目录:存放船舶业务的逻辑控制文件。

model 目录:存放船舶业务的model文件。

store 目录 :存放船舶业务的store文件。

view 目录 :存放船舶业务的组件文件。

1.1 设定Model

在展示数据之前要先做一些准备功能,比如业务与服务器数据交互的方式。

Model表示业务的实体对象,在这里设定船舶的Model:

Ext.define('App.ShipMgr.model.ShipModel', {  extend: 'Ext.data.Model',  fields: [    { name: 'ShipId', type: 'string', remark: '船舶ID' },    { name: 'ShipName', type: 'string', remark: '船舶名称' },    { name: 'State', type: 'string', remark: '状态' },    { name: 'StateName', type: 'string', remark: '状态名称' },    { name: 'Tonnage', type: 'string', remark: '吨位' },    { name: 'LoadNumber', type: 'int', remark: '核载人数' },  ]}); 

原标题:ExtJS 4.2 业务开发(二)数据展示和查询

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。