从最原始需求出发,我们必须有一个最简单的实现类,这个类必须是可继承的。方便之后不同的业务需要做不同的扩展。我们必须确保这个类的稳定性。
简单实现类的定义:鼠标点击触发某容器,不带任何辅助效果。我们来想想,这么简单的一个类,需要包含哪些方法,搭个骨架出来:
- AP.widget.basic = new AP.Class({
- setOptions:function(options){
- //接口设置
- },
- initialize:function(targets,options){
- //初始化方法,目的是建立targets子集元素和某方法的关联
- },
- getVessel:function(target){
- //获取满足target映射关系的容器
- },
- bindEvents:function(target,vessel){
- //这里绑定target的触发动作
- },
- action:function(){
- //target绑定的事件触发的执行函数,包含你要执行的逻辑
- },
- show:function(){
- //显示容器
- },
- hide:function(){
- //隐藏容器
- },
- })
这是所有满足本文定义的简单实现类所需的基本方法,我们可以将它作为一个基础方法,方便满足简单类定义的交互形式在此基础上扩展,然后我们开始归纳常用的满足简单类定义的交互形式,如:tab切换,气泡提醒,下拉列表,xbox……
查看全文 »