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

/*******************************************************************************
* 声 明: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"));

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值