自己写了个分页的JS 类函数，把它封装好后，测试的过程中，却出现个奇怪的问题！！

king6860

浏览: 2883 次
性别:

最近访客更多访客>>

woodding2008

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

prototype Dojo IE HTML Go

首先，我把出错的原因给大家说一下，下面是测试页面的部分代码，
当我在加入 <form></form> 标签之后，当点击'GO' 按钮的时候，
就出现了莫名其妙的错误： '对象不支持此属性或方法',
当把 <form></form> 删除以后，就正常了。
这个问题困扰我许久了，希望大家把帮我看一下，到底是哪个地方的代码出现了错误。。。


<table width="98%" border="0" align="center" cellpadding="4" cellspacing="0" class="frame" >
<thead>
<tr>
<td align='center' colspan="" id='page'>
<script>
var url = "/Lottery.do?op=forwardAddPaiLie3";
var page1 = new pageObject(url,1,45,450,"page1");

</script>
</td>
</tr>
</thead>
</table>


下面是 JS 函数。
// 校验数字
<script>
function checkNumber(obj)
{
var reg = /[1-9]{1}([0-9]*)$/;
return reg.test(obj);
}

function pageObject(url,currentPage,totalPage,recordSize)
{
 // 对象名称
_OBJ_NAME = this;
 // 查询的URL 和QueryString
this.url = url;
 // 当前页
this.currentPage = currentPage;
 // 共多少页
this.totalPage = totalPage;
 // 共多少条记录
this.recordSize = recordSize;
// document.write 的字符串
this.toWrite = "";

 // 初始化函数
this.init = function()
{
if(this.totalPage == 1 && this.currentPage == 1)
{
this.toWrite="(第"+this.currentPage+"/"+this.totalPage+"页共"+this.recordSize+"条)";
this.toWrite += " 首页 上一页 下一页 末页 <input id='forwardPage' size='4' value='' style='ime-mode:disabled;'> <input type='button' value=' GO ' class='button' onclick='"+"_OBJ_NAME.fnForward()'>";
}else if(this.totalPage > 1 && this.currentPage==1)
{
var next = parseInt(this.currentPage)+1;
this.toWrite="(第"+this.currentPage+"/"+this.totalPage+"页共"+this.recordSize+"条)";
this.toWrite += " 首页 上一页 <a href='"+this.url+"&_pageNo="+next+"'>下一页</a>";
this.toWrite += " <a href='"+this.url+"&_pageNo="+this.totalPage+"'>末页</a>  <input id='forwardPage' size='4' value='' style='ime-mode:disabled;'> <input type='button' value=' GO ' class='button' onclick='"+"_OBJ_NAME.fnForward()'>";
}else if(this.totalPage >1 && this.currentPage != this.totalPage)
{
var next = parseInt(this.currentPage)+1;
var previous = parseInt(this.currentPage)-1;
this.toWrite="(第"+this.currentPage+"/"+this.totalPage+"页共"+this.recordSize+"条)";
this.toWrite += " <a href='"+this.url+"&_pageNo=1'>首页</a> <a href='"+this.url+"&_pageNo="+previous+"'>上一页</a> ";
this.toWrite += "<a href='"+this.url+"&_pageNo="+next+"'>下一页</a> <a href='"+this.url+"&_pageNo="+this.totalPage+"'>末页</a>";
this.toWrite += " <input id='forwardPage' size='4' value='' style='ime-mode:disabled;'> <input type='button' value=' GO ' class='button' onclick='"+"_OBJ_NAME.fnForward()'>";
}else if(this.totalPage>1 && this.currentPage==this.totalPage)
{
var previous = parseInt(this.currentPage)-1;
this.toWrite="(第"+this.currentPage+"/"+this.totalPage+"页共"+this.recordSize+"条)";
this.toWrite += " <a href='"+this.url+"&_pageNo=1'>首页</a> <a href='"+this.url+"&_pageNo="+previous+"'>上一页</a> ";
this.toWrite += "下一页 末页";
this.toWrite += " <input id='forwardPage' size='4' value='' style='ime-mode:disabled;'> <input type='button' value=' GO ' class='button' onclick='"+"_OBJ_NAME.fnForward()'>";
}
document.getElementById('page').innerHTML = this.toWrite;
};

this.init();
// 跳转函数。
this.fnForward = function()
{
var val = document.getElementById('forwardPage').value;
if(!checkNumber(val))
{
alert('请输入数字！');
document.getElementById('forwardPage').select();
return;
}

if(parseInt(val) > this.totalPage)
{
alert('不能超过最大的页数！');
document.getElementById('forwardPage').value = this.totalPage;
return;
}

location.href = this.url +"&_pageNo="+parseInt(val);
};
}

</script>

分享到：

测试

2007-02-12 17:05
浏览 2028
评论(2)
论坛回复 / 浏览 (2 / 3834)
分类:Web前端
查看更多

2 楼 dengyin2000 2007-02-13

看看我这个，你把数据获得数据，和填充数据的部分自己改掉就行 
 
<div class='code_title'>js 代码</div>
<div class='dp-highlighter'>
<div class='bar'> </div>
<ol class='dp-c' start='1'>
 <li class='alt'>function PostPaginate(pageSize, isCallAllItems, result){ </li>
 <li class=''> if (result) </li>
 <li class='alt'> this.result = result; </li>
 <li class=''> this.totalNum = 0; // all items' length </li>
 <li class='alt'> this.pageSize = 5; // default value. </li>
 <li class=''> this.start = 0; // start index of items </li>
 <li class='alt'> this.end = 0; // end index of items </li>
 <li class=''> this.curPage = 0; // current page index </li>
 <li class='alt'> this.totalPage = 0; // all page count </li>
 <li class=''> this.isCallAllItems = isCallAllItems; </li>
 <li class='alt'> this.init(0, pageSize, result.itemCount); </li>
 <li class=''>} </li>
 <li class='alt'> </li>
 <li class=''>// prepay all need data, ie totalNum, start, end .... also it would do something others, </li>
 <li class='alt'>// fill the data to html page, controll the first, previous, next, last buttons status. </li>
 <li class=''>PostPaginate.prototype.init=function(currentPage, onePageSize, totalNum){ </li>
 <li class='alt'> window.scroll(0, 0); </li>
 <li class=''> this.pageSize = onePageSize; </li>
 <li class='alt'> this.totalNum = totalNum; </li>
 <li class=''> this.totalPage = Math.ceil(this.totalNum / this.pageSize); </li>
 <li class='alt'> </li>
 <li class=''> if (currentPage >=0){ </li>
 <li class='alt'> if (currentPage >= Math.ceil(this.totalNum / this.pageSize)){ </li>
 <li class=''> this.curPage = this.totalPage-1; </li>
 <li class='alt'> }else{ </li>
 <li class=''> this.curPage = currentPage; </li>
 <li class='alt'> } </li>
 <li class=''> }else{ </li>
 <li class='alt'> this.curPage = 0; </li>
 <li class=''> } </li>
 <li class='alt'> this.start = this.curPage * this.pageSize; </li>
 <li class=''> this.end = this.start + this.pageSize; </li>
 <li class='alt'> if (this.end > this.totalNum){ </li>
 <li class=''> this.end = this.totalNum; </li>
 <li class='alt'> } </li>
 <li class=''> </li>
 <li class='alt'> </li>
 <li class=''> // controll buttons </li>
 <li class='alt'> this.controllButtonsStatus(); </li>
 <li class=''> // fill html </li>
 <li class='alt'> this.fillDataWithCurrentPageItems(); </li>
 <li class=''> //update the description </li>
 <li class='alt'> this.fillPaginateDescription(); </li>
 <li class=''> </li>
 <li class='alt'>}; </li>
 <li class=''> </li>
 <li class='alt'>function callbackGetItemsForPaginate(result, exception){ </li>
 <li class=''> if (exception) { </li>
 <li class='alt'> showError("An error has occurred: " + exception.message); </li>
 <li class=''> } else { </li>
 <li class='alt'> // escape titles </li>
 <li class=''> for (var i = 0; i < result.items.length; i++) { </li>
 <li class='alt'> var item = result.items[i]; </li>
 <li class=''> if (item.categoryInformation) { </li>
 <li class='alt'> item.categoryInformation.title = dojo.string.escape("html", item.categoryInformation.title); </li>
 <li class=''> } </li>
 <li class='alt'> } </li>
 <li class=''> pageinate.result = result; </li>
 <li class='alt'> pageinate.init(pageinate.curPage, pageinate.pageSize, result.itemCount); </li>
 <li class=''> } </li>
 <li class='alt'>} </li>
 <li class=''> </li>
 <li class='alt'>PostPaginate.prototype.fetchData=function(curPage){ </li>
 <li class=''> if (!checkTreeNodeExisted(selectWhichNode)){ </li>
 <li class='alt'> alert("Sorry, this feed was previously removed from your feed tree."); </li>
 <li class=''> return; </li>
 <li class='alt'> } </li>
 <li class=''> if (this.isCallAllItems){ </li>
 <li class='alt'> this.result = jsonrpc.subscribe.getItems(callbackGetItemsForPaginate, true, selectWhichNode, selectedTime,true, curPage, false, this.totalNum); </li>
 <li class=''> }else{ </li>
 <li class='alt'> this.result = jsonrpc.subscribe.getItems(callbackGetItemsForPaginate, false, selectWhichNode, selectedTime,true, curPage, false, this.totalNum); </li>
 <li class=''> } </li>
 <li class='alt'>}; </li>
 <li class=''> </li>
 <li class='alt'>PostPaginate.prototype.goFirstPage=function(){ </li>
 <li class=''> if (this.isFirstPage()) </li>
 <li class='alt'> return ; </li>
 <li class=''> this.fetchData((this.curPage = 0)); </li>
 <li class='alt'>}; </li>
 <li class=''>PostPaginate.prototype.goPreviousPage=function(){ </li>
 <li class='alt'> if (this.isFirstPage()) </li>
 <li class=''> return ; </li>
 <li class='alt'> this.fetchData((this.curPage = this.curPage -1)); </li>
 <li class=''>}; </li>
 <li class='alt'>PostPaginate.prototype.goNextPage=function(){ </li>
 <li class=''> if (this.isLastPage()) </li>
 <li class='alt'> return ; </li>
 <li class=''> this.fetchData((this.curPage = this.curPage + 1)); </li>
 <li class='alt'>}; </li>
 <li class=''>PostPaginate.prototype.goLastPage=function(){ </li>
 <li class='alt'> if (this.isLastPage()) </li>
 <li class=''> return ; </li>
 <li class='alt'> this.fetchData((this.curPage = this.totalPage - 1)); </li>
 <li class=''>}; </li>
 <li class='alt'>PostPaginate.prototype.isFirstPage=function(){ </li>
 <li class=''> return this.curPage <= 0; </li>
 <li class='alt'>} </li>
 <li class=''>PostPaginate.prototype.isLastPage=function(){ </li>
 <li class='alt'> return this.curPage >= this.totalPage - 1; </li>
 <li class=''>} </li>
 <li class='alt'> </li>
 <li class=''>// get current page's item data </li>
 <li class='alt'>PostPaginate.prototype.getCurrentPageItems=function(){ </li>
 <li class=''> return this.items.slice(this.start, this.end); </li>
 <li class='alt'>}; </li>
 <li class=''>// this function is use for fill you html page with current page items </li>
 <li class='alt'>PostPaginate.prototype.fillDataWithCurrentPageItems=function(){ </li>
 <li class=''> var content = postsTemplate.process({"items":this.result.items}); </li>
 <li class='alt'> dojo.byId("selection_output").innerHTML = content; </li>
 <li class=''> // We will those IMG, whose width are larger than 500 px. </li>
 <li class='alt'> preImgsForAdujstWidth(); </li>
 <li class=''>}; </li>
 <li class='alt'>PostPaginate.prototype.controllButtonsStatus=function(){ </li>
 <li class=''> var buttons = document.getElementsByName("paginationButtons"); </li>
 <li class='alt'> if (this.totalPage <= 1){ </li>
 <li class=''> for(var i=0;i<2;i++){ </li>
 <li class='alt'> buttons[i].style.display = "none"; </li>
 <li class=''> } </li>
 <li class='alt'> </li>
 <li class=''> }else{ </li>
 <li class='alt'> for(var i=0;i<2;i++){ </li>
 <li class=''> buttons[i].style.display = "block"; </li>
 <li class='alt'> } </li>
 <li class=''> var firstButtons = document.getElementsByName("paginationFirst"); </li>
 <li class='alt'> var previousButtons = document.getElementsByName("paginationPrevious"); </li>
 <li class=''> var nextButtons = document.getElementsByName("paginationNext"); </li>
 <li class='alt'> var lastButtons = document.getElementsByName("paginationLast"); </li>
 <li class=''> </li>
 <li class='alt'> if (this.isFirstPage()){ </li>
 <li class=''> for(var i=0;i<2;i++){ </li>
 <li class='alt'> firstButtons[i].className="gray-button"; </li>
 <li class=''> previousButtons[i].className="gray-button"; </li>
 <li class='alt'> } </li>
 <li class=''> }else{ </li>
 <li class='alt'> for(var i=0;i<2;i++){ </li>
 <li class=''> firstButtons[i].className="red-button"; </li>
 <li class='alt'> previousButtons[i].className="red-button"; </li>
 <li class=''> } </li>
 <li class='alt'> } </li>
 <li class=''> </li>
 <li class='alt'> if (this.isLastPage()){ </li>
 <li class=''> for(var i=0;i<2;i++){ </li>
 <li class='alt'> nextButtons[i].className="gray-button"; </li>
 <li class=''> lastButtons[i].className="gray-button"; </li>
 <li class='alt'> } </li>
 <li class=''> }else{ </li>
 <li class='alt'> for(var i=0;i<2;i++){ </li>
 <li class=''> nextButtons[i].className="red-button"; </li>
 <li class='alt'> lastButtons[i].className="red-button"; </li>
 <li class=''> } </li>
 <li class='alt'> } </li>
 <li class=''> } </li>
 <li class='alt'>} </li>
 <li class=''>// update the description </li>
 <li class='alt'>PostPaginate.prototype.fillPaginateDescription=function(){ </li>
 <li class=''> var textCs = document.getElementsByName("paginationText"); </li>
 <li class='alt'> var startIndex = 0; </li>
 <li class=''> if (this.start < 0) </li>
 <li class='alt'> startIndex = 0; </li>
 <li class=''> else </li>
 <li class='alt'> startIndex = this.start + 1; </li>
 <li class=''> for(var i=0; i<2; i++){ </li>
 <li class='alt'> textCs[i].innerHTML="Posts " + startIndex + " to " + this.end + " of " + this.totalNum + ""; </li>
 <li class=''> } </li>
 <li class='alt'>} </li>
</ol>
</div>

1 楼 king6860 2007-02-12

构造函数应该是这样：
function pageObject(url,currentPage,totalPage,recordSize,objName)
{
// 对象名称
this._OBJ_NAME = objName;
// 查询的URL 和QueryString
this.url = url;
// 当前页
this.currentPage = currentPage;
// 共多少页
this.totalPage = totalPage;
// 共多少条记录
this.recordSize = recordSize;
// document.write 的字符串
this.toWrite = "";
.....
}

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论