Aurora实践..doc

Aurora实践 目录 目录 1 1典型界面 3 1.1 一个简单的form-grid程序概览 3 1.1.1 以“系统描述”为例 3 1.1.2 简析form 3 1.1.3重要属性bindTarget 4 1.1.4简析grid 5 1.1.5简述bm 7 1.1.6查询过程 8 1.1.7新增和修改数据的保存 9 1.2单form录入 9 1.3grid多级联动 9 1.3.1介绍grid的多级联动 9 1.3.2Grid多级联动的查询 12 1.3.3头行保存的svc写法 13 1.3.4头行保存的bm写法 15 1.4 Form+Grid，头行一起保存 16 2客户端逻辑 17 2.1页面元素的隐藏与显示 17 2.1.1纯js方法隐藏一个组件 17 2.1.2隐藏和显示grid中的某一列 17 2.1.3根据特定参数决定 17 2.2可变编辑器(grid editorFunction) 18 2.3可输状态 18 2.3.1硬编码方式的可输入状态 18 2.3.2通过js控制可输入状态 19 2.4必输状态 19 2.4.1硬编码方式的必输状态 19 2.4.2通过js控制的必输状态 19 2.5 combo box二级联动 19 2.6动态设置LOV特性 19 2.6.1设置lov来源 19 2.6.2设置lov参数 20 2.7对dataset循环操作 20 2.7.1取record数组的方法 20 2.7.2处理record数组 20 3校验 21 3.1常规客户端校验 21 3.1.1必输字段校验 21 3.1.2使用验证器校验 21 3.1.3根据头字段校验行字段 21 3.1.4根据行字段校验头字段 21 3.1.5通过AJAX执行server端校验证 21 4 bm特性 25 4.1查询 25 4.1.1通过baseTabel和fields自动生成的查询 25 4.1.2通过在bm中定义operation name=”query”节点查询 26 4.1.3查询优先级 28 4.2insert、update、delete 28 4.2.1通过框架自动生成 28 4.2.2通过在bm中定义operation name=”insert”定义insert语句 29 4.2.3使用insert、update、delete需要注意的内容 29 4.2.4对batch_update的解释 29 4.3自定义BM的SQL出错信息 30 4.4 多语言 30 4.5 Standard who 30 4.6Lookup code 31 4.7执行动态SQL 31 5各种组件 32 5.1 vbox，hbox 32 5.1.1vbox 32 5.1.2hbox 32 5.2 form布局 33 5.2.1 form的显示效果 33 5.2.2 form的常用属性 33 5.3 Auto Complete 33 5.4 通过任意html模板布局 33 5.5 tree 33 5.5.1 tree的构建方法 33 5.5.2 tree的树节点渲染 34 5.6treeGrid 35 5.6.1 treeGrid的构建方法 35 5.6.2 treeGrid节点渲染方法 36 5.6 grid列锁定(lock)，复合表头 36 5.6.1锁定列 36 5.6.2复合表头 38 5.7 各种提示(showmessage,showconfirm) 38 5.7.1 showmessage和showconfirm 38 5.8 tab的用法 40 5.8.1 tab的使用 40 1典型界面 在介绍实践内容之前，首先简单介绍一下Aurora框架的核心思想： 在web应用中，无论是用户向服务器提交的数据，还是服务器向用户返回的数据，都是具有一定含义的数据的集合。例如用户注册时可能要填写个人的基本信息、填写简历时需要填写工作经历、培训历程等，服务器向用户返回查询的航班信息等等，都是具有一定的含义的。这种数据的集合在Aurora框架中抽象为DataSet。在Aurora框架中，DataSet是web前端与服务器直接进行数据交换的介质，是Aurora框架前端AuroraUI中最核心的部分。 DataSet提供了对数据的操作和导航，对数据的操作会触发相应的事件(event)，所有绑定(bind)到DataSet有UI组件会根据事件做出响应。 一个简单的form-grid程序概览 1.1.1 以“系统描述”为例 在HAP系统中，我们可以参考一下“系统描述”功能。（详情请参见下列清单） 功能简述：用于程序页面的多语言，比如，当页面上有一条提示“查询条件”，实际在编码时写入其对应的代码“HAP_QUERY_TITLE”，在实际