您的位置:首页 > Web前端 > JavaScript

共享一个JS分页处理的类(2)

2005-09-25 22:34 676 查看
/*******************************************************************************
* 声 明:Copyright@zhiye, 2005
* 功 能:客户端分页处理,表现层(view)处理
* 描 述:将页面显示的元素信息传输到客户端后
* 借助JS对其进行动态的分页和排序
* 以提高网站的访问速度
* @作者:智野
* @时间:2005-9-25
* @版本:V1.0.1
* 历 史:
* 创建
* 修 改:无
******************************************************************************/
/**
* 分页输出的最小元素类描述
* @属性
* Id - 元素编号
* Name - 名称
*
* @方法
* 无
*
* @说明
* 此类需要和elementPattern协调一致,配合使用
*/
function pageElement(rId,rName,rUrl){
this.Id = rId;
this.Name = rName;
this.Url = rUrl;
}

/**
* 返回在页面容器中输出的元素pageElement的视图
*
* @out 无
*
* @return 元素pageElementObj的视图
*
*/
function elementPattern(pageElementObj){
return "--: "+pageElementObj.Id+" "+pageElementObj.Name+" "+pageElementObj.Url;
}
/**
* 显示指定范围内容到指定容器
*
* @out 指定范围的pageElement元素的视图的集合
*
* @return true-输出成功
* false-输出失败
*/
function viewPattern(patternObj,start,end){
try{
var str = "";
if(end >= kMobilePageElement.length){
alert("超出有效的页面元素的范围");
return false;
}
for(var i=start;i<=end;i++){
str += "/n/r<br>"+elementPattern(kMobilePageElement[i]);
}
patternObj.innerHTML = str;
}catch(e){
return false;
}
}

/**
* 初始化需要分页显示的内容
*
* 此处可以手工添加或者从数据库中读取并输出为js文件
*
*/
kMobilePageElement = new Array();
kMobilePageElement.push( new pageElement("1","名称1","url"));
kMobilePageElement.push( new pageElement("2","名称2","url"));
kMobilePageElement.push( new pageElement("3","名称3","url"));
kMobilePageElement.push( new pageElement("4","名称4","url"));
kMobilePageElement.push( new pageElement("5","名称5","url"));
kMobilePageElement.push( new pageElement("6","名称6","url"));
kMobilePageElement.push( new pageElement("7","名称7","url"));
kMobilePageElement.push( new pageElement("8","名称8","url"));
kMobilePageElement.push( new pageElement("9","名称9","url"));
kMobilePageElement.push( new pageElement("10","名称10","url"));
kMobilePageElement.push( new pageElement("11","名称11","url"));
kMobilePageElement.push( new pageElement("12","名称12","url"));
kMobilePageElement.push( new pageElement("13","名称13","url"));
kMobilePageElement.push( new pageElement("14","名称14","url"));
kMobilePageElement.push( new pageElement("15","名称15","url"));
kMobilePageElement.push( new pageElement("16","名称16","url"));
kMobilePageElement.push( new pageElement("17","名称17","url"));
kMobilePageElement.push( new pageElement("18","名称18","url"));
kMobilePageElement.push( new pageElement("19","名称19","url"));
kMobilePageElement.push( new pageElement("20","名称20","url"));
kMobilePageElement.push( new pageElement("21","名称21","url"));
kMobilePageElement.push( new pageElement("22","名称22","url"));
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: