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

/*******************************************************************************
* 声 明：Copyright@zhiye, 2005
* 功 能：客户端分页处理，表现层(view)处理
* 描 述：将页面显示的元素信息传输到客户端后
*       借助JS对其进行动态的分页和排序
*       以提高网站的访问速度
* @作者：智野
* @时间：2005-9-25
* @版本：V1.0.1
* 历 史：
*       创建
* 修 改：无
******************************************************************************/

/**
* 分页输出的最小元素类描述
* @属性
*    Id       - 元素编号
*    Name     - 名称
*
* @方法
*    无
*
* @说明
*    此类需要和elementPattern协调一致，配合使用
*/
function pageElement(rId,rName,rDesc){
 this.Id    = rId;
 this.Name  = rName;
 this.Desc  = rDesc;
}

/**
* 返回在页面容器中输出的元素pageElement的视图
*
* @out 无
*
* @return 元素pageElementObj的视图
*
*/
function elementPattern(pageElementObj){
 return "<div style='border:1px;background-color:#cccccc' >"+pageElementObj.Id+"  "+pageElementObj.Name+"  "+pageElementObj.Desc+"</div>";
}

/**
* 显示指定范围内容到指定容器
*
* @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 += "<br>"+elementPattern(kMobilePageElement[i]);
  }
  patternObj.innerHTML = "<div id='view2' style='border: buttonface 2 solid' > "+str+" </div>";
 }catch(e){
  return false;
 }
}

/**
* 初始化需要分页显示的内容
*
* 此处可以手工添加或者从数据库中读取并输出为js文件
*
*/

kMobilePageElement = new Array();
kMobilePageElement.push( new pageElement("1","名称1","描述信息"));
kMobilePageElement.push( new pageElement("2","名称2","描述信息"));
kMobilePageElement.push( new pageElement("3","名称3","描述信息"));
kMobilePageElement.push( new pageElement("4","名称4","描述信息"));
kMobilePageElement.push( new pageElement("5","名称5","描述信息"));
kMobilePageElement.push( new pageElement("6","名称6","描述信息"));
kMobilePageElement.push( new pageElement("7","名称7","描述信息"));
kMobilePageElement.push( new pageElement("8","名称8","描述信息"));
kMobilePageElement.push( new pageElement("9","名称9","描述信息"));
kMobilePageElement.push( new pageElement("10","名称10","描述信息"));
kMobilePageElement.push( new pageElement("11","名称11","描述信息"));
kMobilePageElement.push( new pageElement("12","名称12","描述信息"));
kMobilePageElement.push( new pageElement("13","名称13","描述信息"));
kMobilePageElement.push( new pageElement("14","名称14","描述信息"));
kMobilePageElement.push( new pageElement("15","名称15","描述信息"));
kMobilePageElement.push( new pageElement("16","名称16","描述信息"));
kMobilePageElement.push( new pageElement("17","名称17","描述信息"));
kMobilePageElement.push( new pageElement("18","名称18","描述信息"));
kMobilePageElement.push( new pageElement("19","名称19","描述信息"));
kMobilePageElement.push( new pageElement("20","名称20","描述信息"));
kMobilePageElement.push( new pageElement("21","名称21","描述信息"));
kMobilePageElement.push( new pageElement("22","名称22","描述信息"));