共享一个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"));
* 声 明: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"));
相关文章推荐
- 共享一个JS分页处理的类(1)
- 共享一个JS分页处理的类(3)
- 共享一个JS分页处理类(4)
- 共享一个JS分页处理类(5)
- 一个简单的JS分页签,多个可做循环处理
- js动画---一个小bug的处理
- 多个jsp页面共享一个js对象
- Office 2010 之共享工作薄-多人同时处理一个工作薄
- Day.js 是一个仅 2kb 大小的轻量级 JavaScript 时间日期处理库,和 Moment.js 的 API 设计保持完全一样,dayjs
- 一个分页标签,头疼好好久,写出来去大家共享
- 用JS实现一个表单多个按钮的方法,两个onclick事件处理
- 一个简单的js分页函数
- 原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
- 发一个昨天晚上新鲜出炉的Javascript(js)分页程序,带详解,业余水平。。。。 不用任何jquery 之类的库
- Js中的一个日期处理格式化函数
- 如何写一个跨浏览器的事件处理程序 js
- js 拉取所有数据,前端进行分页处理
- 分享一个分页的JS
- js可以利用dom非常轻松的就可以遍历一个表格。当然只要是dom中有的所有对象都可以通过js来访问和处理。
- Java通过继承Thread类实现多线程 ,处理同一个共享资源