2006-11-04

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

来源: 蓝色理想 作者:ppanyong 评论 0 条
 
if(this.scoreArray==null){
this.hideDiv("assessmentDivNodata" this.divGuid);
this.hideDiv("assessmentDivList" this.divGuid);
}else if(this.scoreArray.length==0){
this.hideDiv("assessmentDivLoad" this.divGuid);
this.hideDiv("assessmentDivList" this.divGuid);

}else if(this.scoreArray.length>0){
this.hideDiv("assessmentDivLoad" this.divGuid);
this.hideDiv("assessmentDivNodata" this.divGuid);
this.writeList(this.scoreArray,this.cutScore);
}
this.hideDiv("assessmentDivLists" this.divGuid);


};
//
assessmentList.prototype.bulidAssessmentList = function (myArray,cutScore){
if(myArray==null||myArray==undefined){
}else{
var tmparray = new Array();
tmparray =myArray;
tmparray.sort();
for(var i in tmparray){
this.addAssementItem(String("assessmentDivLists" this.divGuid),tmparray[i],cutScore);
}
if(myArray.length>0){
this.hideDiv("assessmentDivLoad" this.divGuid);
this.hideDiv("assessmentDivNodata" this.divGuid);
this.showDiv("assessmentDivList" this.divGuid)
}else if(myArray.length==0){
this.hideDiv("assessmentDivList" this.divGuid);
this.hideDiv("assessmentDivLoad" this.divGuid);
this.showDiv("assessmentDivNodata" this.divGuid)
}
}
}

以上代码很简单,要注重的是。assessmentList.prototype.bulidAssessmentList = function (myArray,cutScore)..这是生命了一个实例方法,主要是方便用户使用的刷新数据源的。另外,我们在document.writeln时对每个创建的div的id加了一个随机生成的数字后缀。这样做是为了避免一个页面出现2个以上的实例时,div的id不重复,div的onmouseover事件有唯一性。

其中var _assessmentList = new assessmentList(); assessmentList.prototype.build = _bulidassessmentList; 是原型扩展。这样在创建好实例后就可以通过 .build()方法初始化实例了。

完成以上代码后,我们可以新建一个htm文件来测试一下表现层的工作是否正常。

test.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--加入webservice连接-->
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>v2</title>
<style>...
.assessmentDiv{...}{
font-size:14px;
background-color:#FFFFCC;
}
.assessmentDivLists{...}{
font-size:12px;
padding-left:10px;
}
.assessmentDivNodata{...}{
background-color:#FF9900;
color:#FFFFFF;
font-weight:bolder;
}
共4页: 上一页 [1] 2 [3] [4] 下一页

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:Bad Tags — 有害的标签  
下一篇:一段非常简单的让图片自动切换js代码
    评论加载中…

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号