| 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] 下一页 |
评论加载中…