本篇开始模拟一个船舶管理系统,提供查询、添加、修改船舶的功能,这里介绍其中的数据展示和查询功能。目录1. 数据展示2. 数据查询3. 在线演示 1. 数据展示在这里我们将模拟一个船舶管理系统,并提供查询、添加、修改的功能。大致的目录结构如下:ShipMgrTab.js :船舶 ...
本篇开始模拟一个船舶管理系统,提供查询、添加、修改船舶的功能,这里介绍其中的数据展示和查询功能。
目录
1. 数据展示
2. 数据查询
3. 在线演示
1. 数据展示
在这里我们将模拟一个船舶管理系统,并提供查询、添加、修改的功能。
大致的目录结构如下:
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
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。