设计学院-ui163 致力于网页标准 网页设计 web标准与ui设计。

Js 按照MVC模式制作自定义控件 [4]

上一篇上一篇 | 下一篇下一篇发表时间:2007-9-18 23:22:10
四、控制
前面我们完成了,表现和数据的功能,接着就是将他们使用在一个应用中了,这就需要一个控制器控制他们的数据逻辑,以及事件的顺序。先看一下代码:
// JavaScript Document MVC = C
function assessmentListContrl(userName,assessmentID,cutScore)...{
    var ajaxobj = false;
    this.userName = userName;
    this.assessmentID=assessmentID;
    this.cutScore = cutScore;
    var ObjSelf;
    ObjSelf=this;
}

var _assessmentListContrl = new assessmentListContrl();
assessmentListContrl.prototype.build = _bulidassessmentListContrl;
function _bulidassessmentListContrl()
...{
    var data = new assessmentListData(this.userName,this.assessmentID);
    var ASL = new assessmentList(this.cutScore);
    data.callbackdata = function (xmlobj)...{
        ASL.bulidAssessmentList(xmlobj,this.cutScore)
    }
    //下载状态
    ASL.build();
}
这里比较简单,就先创建我们表现层与数据层的实例 data和ASL这辆个对象。然后设置一个事件callbackdata。让它在数据接受完成后使表现层完成相应的改变,仅此而已。
测试一下,就是new一个assessmentListContrl()对象,然后运行assessmentListContrl.bulid()就可以了。
到此,我们的这个小实例就完成了。如果当数据层有变化,或者表现层有新的需求,我们就可以只修改其中一部分,而且数据层是可以复用的。
[本日志由 ui163 于 2007-9-18 23:22:10 编辑]
上一篇上一篇:如何批量消除链接虚线框?
下一篇下一篇:关于DOM事件模型的两件事
文章来自:蓝色理想
收藏到网摘: 收藏到QQ书签
Tags:

相关内容

网站建设导航→

相关内容

版权隐私 ┊ 免责声明  ┊ 友情链接 ┊ 网站地图  ┊ 联系我们

Copyrights©2006 UI163.com All Rights Reserved 2007

 豫ICP备07501346号