pager.js

《JavaScript王者归来》examples.rar

/*
	这是为说明 DataVess 类临时写的一个例子脚本，由于时间比较急，写得不太好
	当然 DataVess 类还有许多方法本例没有用到，
	比如，数据的添加、删除、修改等等
	以后将会在其它例子中更详细地说明 DataVess 类
	Author:Dron | http://ucren.com
*/
function Pager(obj,pageSize)
{
	var pageCount = Math.ceil(obj.count/pageSize,10);
	var ActivePage = 1;//当前页
	this.showPage = function (n)
	{
		if (n>pageCount) return false;
		var s = "";
		for (var i=(n-1)*pageSize; i<(n*pageSize); i++)
		{
			if (i>=obj.count) break;
			obj.go(i);
			s += "<tr align=\"left\">";
			s += "<td>" + obj.read("BookName") + "</td>";
			s += "<td>" + obj.read("Works") + "</td>";
			s += "<td>" + obj.read("RelDate") + "</td>";
			s += "<td>" + obj.read("Price") + "</td>";
			s += "</tr>";
		}
		s = n + "<table cellspacing=\"1\" cellpadding=\"2\">\
				<tr align=\"center\">\
					<td width=\"250\">书籍名称</td>\
					<td width=\"80\">作者</td>\
					<td width=\"80\">发布日期</td>\
					<td width=\"80\">价格</td>\
				</tr>" + s + "</table>";
		$("pbody").innerHTML = s;
		return false;
	}
	this.search = function (str)
	{
		var s = "";
		var searchBooks = books.search("BookName",".indexOf(\"" + str + "\")!=-1");
		for (var i=0; i<searchBooks.length; i++)
		{
			obj.go(searchBooks[i]);
			s += "<tr align=\"left\">";
			s += "<td>" + obj.read("BookName").replace(str,"<font color=red>" +str+ "</font>") + "</td>";
			s += "<td>" + obj.read("Works") + "</td>";
			s += "<td>" + obj.read("RelDate") + "</td>";
			s += "<td>" + obj.read("Price") + "</td>";
			s += "</tr>";
		}
		s = "<table cellspacing=\"1\" cellpadding=\"2\">\
				<tr align=\"center\">\
					<td width=\"250\">书籍名称</td>\
					<td width=\"80\">作者</td>\
					<td width=\"80\">发布日期</td>\
					<td width=\"80\">价格</td>\
				</tr>" + s + "</table>";
		$("pbody").innerHTML = s;
		return false;
	}
	this.prePage = function(){(ActivePage==1)||(this.showPage(--ActivePage));return false;}
	this.nexPage = function(){(ActivePage==pageCount)||(this.showPage(++ActivePage));return false;}
	var s = "<a href=\"#\" onclick=\"return prePage()\">上一页</a>&nbsp;";
	for(var i=1;i<=pageCount;i++)
	s += "<a href=\"#\" onclick=\"return showPage(" + i + ")\">" + i + "</a>&nbsp;";
	s += "<a href=\"#\" onclick=\"return nexPage()\">下一页</a>";
	s += " &nbsp; &nbsp; &nbsp; &nbsp;<input id=\"sinput\" value=\"入门\" type=\"input\"><input type=\"button\" value=\"搜索\" onclick=\"return search($(\'sinput\').value)\">";
	$("pagebar").innerHTML = s;
	this.showPage(1);
}
//类的调用
var a = new Pager(books,8);
var prePage = a.prePage;
var nexPage = a.nexPage;
var showPage = a.showPage;
var search = a.search;