《AOSuite 开发手册》之AOSuite 界面开发

原创
2017/07/09 00:25
阅读数 1.2K

《AOSuite G1开发手册》http://git.oschina.net/osworks/AOS/wikis/home

AOSuite G1界面使用AOSTag标签库进行开发。AOS标签库是基于ExtJS4.X的封装,屏蔽了ExtJS开发的繁琐和有效降低了界面开发学习成本。关于界面开发的文档我就不详细写了,大家直接查看我们的范例系统会更加事半功倍。另外,ExtJS4.X的API也可以查阅。访问在线范例系统

§1. 关于界面开发需要知道的几个地方

  • 关于标签的ID属性
    每个标签的ID和Ext组件对象对应,也就是说根据ID我们就可以使用对应Ext组件的所有属性和方法了。
  • 关于AOS.js
    大量的常用交互性操作都在这里面进行了封装,一般来说我们直接使用这里封装好的方法就可以了。

§2. 范例系统说明

AOSuite G1提供了比较丰富的各种示例,参考范例系统是新手入门的最佳捷径。相关实现在aos.showcase.*包里。这里,我稍微整理一下每一个范例模块重点演示的功能以供参考。

  • 按钮|停靠栏|信息提示
    这个范例模块重点演示按钮、工具栏、状态栏、各种交互效果的信息提示的基本用法。

  • 容器组件及常用布局
    这个范例模块重点演示了Tab组件、窗口组件、面板组件、Iframe嵌入标签及容器类面板组件的相关布局方法。

  • 表单组件
    这个范例模块重点和表单效果的功能。如:表单元素(文本框、下拉框、选择框等等)的基本使用;下拉选择框的多级联动;表单元素常见控制;表单校验;表单元素事件绑定;表单数据加载;表单数据提交;常用的表单布局等。

  • 表格组件
    这个范例模块重点演示表格相关功能。如:表格基本用法;表格行事件、单元格事件;表格按钮列;表格内部横向滚动条;表格列锁定;表格行编辑等。

  • 表格组件二
    这个范例模块重点演示表格合计汇总、表格表头分组功能。

  • 树组件
    这个范例模块重点演示了和树组件的相关功能。如:一次性加载单选树;一次性加载复选树;按需加载树等。

  • 树组件
    这个范例模块重点演示了和树组件的相关功能。如:一次性加载单选树;一次性加载复选树;按需加载树等。

  • 简单查询
    这个范例模块重点演示了常用的查询统计模块的布局方式和数据加载方式以及详情窗口弹出方法等。

  • 增删改查
    这个范例模块重点演示了增删改查模块的相关实现。

  • 常用布局一
    这个范例模块重点演示了一些常用布局方式。

  • 常用布局二
    这个范例模块重点演示了一些常用布局方式。

  • 常用布局三
    这个范例模块重点演示了一些常用布局方式。

展开阅读全文
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部