WAFⅡ开发培训课程系列之控件库介绍

《WAFⅡ开发培训课程系列之控件库介绍》由会员分享，可在线阅读，更多相关《WAFⅡ开发培训课程系列之控件库介绍（25页珍藏版）》请在文档大全上搜索。

1、绝密信息 严禁泄露版权所有1993-2012金蝶软件（中国）有限公司绝密信息 严禁泄露BOS WEB平台系统部2012.10WAFIIWAFII控件介绍绝密信息 严禁泄露P2了解WAFII控件整体和使用控件的基本方法了解WAFII样式框架和如何进行二次开发目的绝密信息 严禁泄露P3特色 基于Jquery进行封装 统一风格的UI展现 支持流体布局，随窗口大小变化，无横向滚动条 全面的Form控件，友好的校验及信息提示 用户体验的提升 多浏览器的支持 支持全键盘录入操作 多主题与多皮肤 CSS3的相关应用 动态层取代弹出窗口 强大的表格展示和可编辑表格 国际化 控件特点绝密信息 严禁泄露P4概括

2、提供了35个主要控件 & 控件帮助系统 每个控件由JS、TAG和CSS组成 主要包括： UI控件 文本框，下拉框，日期，F7，数字框，文本域，多语言框，Radio 、 RadioGroup，Checkbox，隐藏域，文件上传、标签控件、按钮、菜单、菜单项、菜单按钮、显示表格、可编辑表格、树、窗口、提示控件、进度条、浮动提示 容器控件 侧边栏、标签容器、大纲控件、Panel控件、栏目控件、Tab，工具栏 布局控件 列布局 功能控件 自动完成、校验控件、阻塞WAFII控件整体介绍绝密信息 严禁泄露P5概括 基于Jquery 继承自Jquery UI Widget 具有jqueryui wi

3、dget一样的调用方法 支持自定义的扩展继承 统一的CSS控制WAFII控件技术绝密信息 严禁泄露P6界面设计 在BIM工具上拖放，然后设置属性、事件和方法编码 控件属性 属性的设置和获取通过option方法来完成 有些属性不支持运行期的动态更改 Waf(“#id”).wafPromptBox(“option”, “displayFormat”)； 控件方法 调用格式统一为： waf(“#id”).xxxx(“methodName”,paramters.) Xxxx为控件对应的JS名称，比如 Waf(“#id”).wafPromptBox(“open”)； 事件 事件的获取和设置通过optio

4、n方法来完成 Waf(“#id”).wafPromptBox(“option”, “onchange”,function()WAFII控件的使用方法绝密信息 严禁泄露P7常用属性说明 id：唯一标示符，不能重复 name: 名称，form控件中绑定到对应的model属性 value：初始值，可接受el表达式 tagClass：样式类，对应HTML标签的class，需要写到css文件中 style：样式，对应标准HTML标签上的style width：宽度 heigh：高度 readonly：只读 disabled：禁用 maxlength:输入的最大字符数 tabindex：tab顺序 hid

5、den:隐藏WAFII控件的使用方法绝密信息 严禁泄露P8常用方法说明 option：获取控件的属性或者更改控件属性 getValue: 获取控件的值，一般用在form控件中 setValue：设置控件的值，一般用在form控件中 disable：禁用控件 enable：启动用控件常用事件说明 onchange：值改变事件，参数包括改变前和改变后值 onkeydown: 在文本框上按下键盘上的键时触发 onkeyup:在文本框上释放按键时触发WAFII控件的使用方法绝密信息 严禁泄露P9帮助系统控件库帮助控件API说明控件样例FAQCSS参考开发指南框架API用户手册地址http:/ (外网)

6、http:/192.168.37.211:8080/waf2help/index.do (内网)WAFII控件整体介绍绝密信息 严禁泄露WAF帮助系统绝密信息 严禁泄露WAF帮助系统绝密信息 严禁泄露WAF表格控件绝密信息 严禁泄露WAF F7控件绝密信息 严禁泄露WAF 树控件绝密信息 严禁泄露WAF Form控件演示绝密信息 严禁泄露WAF 窗口与提示控件演示绝密信息 严禁泄露WAF 菜单与工具栏演示绝密信息 严禁泄露WAF 标签容器和校验控件演示绝密信息 严禁泄露WAF 列布局演示绝密信息 严禁泄露WAF 页签、栏目、进度条、上传演示绝密信息 严禁泄露P21WAF CSS框架介绍Core