金蝶EASV8.0_BOSWeb平台培训_组件篇-02资料.pptxVIP

BOS WEB平台系统部 2014.11 ;了解Web动态框架组件和使用组件的基本方法 了解Web动态框架样式和如何进行二次开发;特色 基于JqueryJQueryui进行封装 统一风格的UI展现 支持流体布局，随窗口大小变化，无横向滚动条 全面的Form组件，友好的校验及信息提示 用户体验的提升 多浏览器的支持 支持全键盘录入操作 多主题与多皮肤 CSS3的相关应用 动态层取代弹出窗口 强大的表格展示和可编辑表格 国际化;概括 提供了38个主要组件组件帮助系统 每个组件由JS和CSS组成 主要包括： UI组件 文本框，下拉框，日期，F7，数字框，文本域，多语言框，Radio 、 RadioGroup，Checkbox，隐藏域，文件上传、标签组件、按钮、菜单、菜单项、菜单按钮、显示表格、可编辑表格、树、窗口、提示组件、进度条、浮动提示等 容器组件 标签容器、章节、面板、数据展示、信息块、页签，工具栏等 布局组件 列布局 功能组件 自动完成、校验组件、阻塞、提示等;概括 基于Jquery 对Jquery UI Widget进行了进一步优化 统一的调用方法 支持自定义的扩展继承 支持无DOM完全动态创建 支持已经存在DOM的情况下动态初始化 支持多种初始化方式，比如加载时立即初始化，点击时初始化，使用时初始化等。 支持按照模块进行加载 支持统一的注册机制，注册后可对组件进行统一管理 支持统一的键盘控制 支持在Edit和View之间随意切换 支持在运行期动态打包组件 统一的CSS控制;界面设计 在定义工具上拖放，然后设置属性、事件和方法 在代码中动态创建组件，具体样例可以参考帮助系统 编码 组件属性 属性的设置和获取通过option方法来完成 Waf(“#id”).wafPromptBox(“option”, “displayFormat”)； 有些属性不支持运行期的动态更改 组件方法 调用格式统一为： waf(“#id”).xxxx(“methodName”,paramters…..) Xxxx为组件对应的JS对象名，比如 Waf(“#id”).wafPromptBox(“open”)； 事件 事件的获取和设置通过option方法来完成 Waf(“#id”).wafPromptBox(“option”, “onchange”,function(){});常用属性说明 id：唯一标示符，不能重复 name: 名称，form组件中绑定到对应的model属性 value：初始值，可接受el表达式 tagClass：??式类，对应HTML标签的class，需要写到css文件中 style：样式，对应标准HTML标签上的style width：宽度 heigh：高度 readonly：只读 disabled：禁用 maxlength:输入的最大字符数 tabindex：tab顺序 hidden:隐藏;常用方法说明 option：获取组件的属性或者更改组件属性 getValue: 获取组件的值，一般用在form组件中 setValue：设置组件的值，一般用在form组件中 disable：禁用组件 enable：启动用组件 常用事件说明 onchange：值改变事件，参数包括改变前和改变后值 onkeydown: 在文本框上按下键盘上的键时触发 onkeyup:在文本框上释放按键时触发;帮助系统 组件库帮助 组件API说明 组件样例 FAQ CSS参考 开发指南 框架API 用户手册 地址 :6888/waf2help/index.do (外网) 11:8080/waf2help/index.do (内网) ;CSS框架介绍（Less）;运行期CSS;二次开发CSS设置;二次开发CSS建议;特别声明