txt4.html
来自「一个javascript控件支持排序翻页功能.」· HTML 代码 · 共 1,128 行 · 第 1/5 页
HTML
1,128 行
this.showData();
}
//刷新方法
this.refresh = function(){
this.totalCount = this.data.length;
this.pageCount = Math.ceil(this.totalCount/this.pageSize);
this.curPage = 1;
this.showData();
}
//显示数据
this.showData = function(){
var tempArr = [];
var start = (this.curPage-1)*this.pageSize;
var len = this.curPage==this.pageCount && (this.totalCount%this.pageSize) > 0?this.totalCount%this.pageSize:this.pageSize;
for(var i=0; i<len;i++){
tempArr[i] = [];
for(var j=0; j<this.datas[0].length; j++){
tempArr[i].push(this.datas[i+start][j]);
}
}
document.getElementById(""+oGrid.id+"_lbstart").innerText=start+1;
document.getElementById(""+oGrid.id+"_lbto").innerText=start+len;
document.getElementById(""+oGrid.id+"_lbnowpage").innerText=this.curPage;
document.getElementById(""+oGrid.id+"_lbpagecount").innerText=this.pageCount;
document.getElementById(""+oGrid.id+"_lbdatacount").innerText=this.totalCount;
//第一页时不能点击“第一页”和“上一页”
var imgbtnfirst=document.getElementById(""+oGrid.id+"_btnfirst");
var imgbtnprev=document.getElementById(""+oGrid.id+"_btnprev");
var imgbtnnext=document.getElementById(""+oGrid.id+"_btnnext");
var imgbtnlast=document.getElementById(""+oGrid.id+"_btnlast");
var imgbtngo=document.getElementById(""+oGrid.id+"_btngo");
var txtgo=document.getElementById(""+oGrid.id+"_txtpagego");
//当前页为第一页时
if(this.curPage==1)
{
//只有一页时
if(this.pageCount==1)
{
imgbtnfirst.src=""+this.imgbtnfolder+"firstPageDisabled.gif";
imgbtnfirst.disabled="disabled";
imgbtnprev.src=""+this.imgbtnfolder+"prevPageDisabled.gif";
imgbtnprev.disabled="disabled";
imgbtnnext.src=""+this.imgbtnfolder+"nextPageDisabled.gif";
imgbtnnext.disabled="disabled";
imgbtnlast.src=""+this.imgbtnfolder+"lastPageDisabled.gif";
imgbtnlast.disabled="disabled";
imgbtngo.disabled="disabled";
txtgo.disabled="disabled";
}
else
{
imgbtnfirst.src=""+this.imgbtnfolder+"firstPageDisabled.gif";
imgbtnfirst.disabled="disabled";
imgbtnprev.src=""+this.imgbtnfolder+"prevPageDisabled.gif";
imgbtnprev.disabled="disabled";
imgbtnnext.src=""+this.imgbtnfolder+"nextPage.gif";
imgbtnnext.disabled="";
imgbtnlast.src=""+this.imgbtnfolder+"lastPage.gif";
imgbtnlast.disabled="";
imgbtngo.disabled="";
txtgo.disabled="";
}
}
//不只有一页是最后一页时
else if(this.curPage==this.pageCount)
{
imgbtnfirst.src=""+this.imgbtnfolder+"firstPage.gif";
imgbtnfirst.disabled="";
imgbtnprev.src=""+this.imgbtnfolder+"prevPage.gif";
imgbtnprev.disabled="";
imgbtnnext.src=""+this.imgbtnfolder+"nextPageDisabled.gif";
imgbtnnext.disabled="disabled";
imgbtnlast.src=""+this.imgbtnfolder+"lastPageDisabled.gif";
imgbtnlast.disabled="disabled";
imgbtngo.disabled="";
txtgo.disabled="";
}
else
{
imgbtnfirst.src=""+this.imgbtnfolder+"firstPage.gif";
imgbtnfirst.disabled="";
imgbtnprev.src=""+this.imgbtnfolder+"prevPage.gif";
imgbtnprev.disabled="";
imgbtnnext.src=""+this.imgbtnfolder+"nextPage.gif";
imgbtnnext.disabled="";
imgbtnlast.src=""+this.imgbtnfolder+"lastPage.gif";
imgbtnlast.disabled="";
imgbtngo.disabled="";
txtgo.disabled="";
}
oGrid.datas.data = tempArr;
oGrid.load();
}
}
/*---------------------------分页--------------------------------------------------------------------------------*/
//取DIV的ID(先清空层内的对象)
function $(id){
return document.getElementById?document.getElementById(id):eval(id);
}
//-------------------------------------------按钮层---------------------------------------------//
function ControlTrig()
{
this.imgtitle="";
this.imgbtnid="";
this.imgbtnname="";
this.imgbtnmethod="";
this.container;//DIV
this.objectname;//分页按钮方法类对象名 作用：取按钮单击时间方法。
this.object;//分页按钮方法类对象 作用：初始化按钮
this.GridObject;//表格对象 作用：初始化ID
var CurControl=this;
this.load = function()
{
var ControlDiv=[];
ControlDiv.push("<div id='dvPagebtn'>");
ControlDiv.push("显示：<label id=\""+this.GridObject.id+"_lbstart\"></label>--<label id=\""+this.GridObject.id+"_lbto\"></label>条 ");
ControlDiv.push("共<label id=\""+this.GridObject.id+"_lbpagecount\"></label>页/当前:第<label id=\""+this.GridObject.id+"_lbnowpage\"></label>页 ");
ControlDiv.push("<label id=\""+this.GridObject.id+"_lbdatacount\"></label>条记录 ");
//分页按钮
ControlDiv.push(" <img src=\""+this.object.imgbtnfolder+"grid-blue-split.gif\"/> <a id=\"spanfirst\"><img id=\""+this.GridObject.id+"_btnfirst\" src=\""+this.object.imgbtnfolder+"firstPage.gif\" title=\"首页\" onclick=\""+this.objectname+".firstPage();\"/></a> ");
ControlDiv.push("<a id=\"spanprev\"><img id=\""+this.GridObject.id+"_btnprev\" src=\""+this.object.imgbtnfolder+"prevPage.gif\" title=\"上一页\" onclick=\""+this.objectname+".prevPage();\"/></a> ");
ControlDiv.push("<a id=\"spannext\"><img id=\""+this.GridObject.id+"_btnnext\" src=\""+this.object.imgbtnfolder+"nextPage.gif\" title=\"下一页\" onclick=\""+this.objectname+".nextPage();\"/></a> ");
ControlDiv.push("<a id=\"spanlast\"><img id=\""+this.GridObject.id+"_btnlast\" src=\""+this.object.imgbtnfolder+"lastPage.gif\" title=\"末页\" onclick=\""+this.objectname+".lastPage();\"/></a> <img src=\"images/grid-blue-split.gif\"/>");
ControlDiv.push(" 第<input id=\""+this.GridObject.id+"_txtpagego\" type=\"text\" style=\"width:30px;height :10px;\"/>页");
ControlDiv.push(" <a id=\"spango\"><img id=\""+this.GridObject.id+"_btngo\" src=\""+this.object.imgbtnfolder+"gotoPage.gif\"title=\"选择\" onclick=\""+this.objectname+".go(document.getElementById('"+this.GridObject.id+"_txtpagego').value);\"/></a> <img src=\""+this.object.imgbtnfolder+"grid-blue-split.gif\"/>");
if(this.imgbtnid!="")
{
for(var j=0;j<this.imgbtnid.length;j++)
{
ControlDiv.push(" <a id=\"span_"+this.imgbtnid[j]+"\"><img id=\""+this.imgbtnid[j]+"\" src=\""+this.object.imgbtnfolder+this.imgbtnname[j]+"\" title=\""+this.imgtitle[j]+"\" onclick=\"img"+this.imgbtnid[j]+"();\"/></a>");
}
}
ControlDiv.push("</div>");
this.container.innerHTML = ControlDiv.join("");
}
}
//---------------------------------按钮层---------------------------------------------------------//
</script>
</head>
<body>
<div style="width:100%;">
<div id="dvList">
</div>
<div id="ListControl">
</div>
</div>
<div>
<input type="button" value="新建" onclick="init();" display="none">
</div>
</body>
<script>
var GridData = {
title: ["公司","Price","Change","%Change","Last"],
colWidth: ["20%","20%","10%","10%","20%"],
order: [-1,-1,-1,-1,-1], //排序类型 ?----升序 -1---降序
data: [['3m Co sd asdasd asdasd',71.72,0.02,0.03,'9/1 12:00am'],
['Alcoa Inc',71.72,0.42,1.47,'9/1 12:00am'],
['Altria Group Inc',71.72,0.28,0.34,'9/1 12:00am'],
['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
['AT&T Inc.',64.13,-0.48,-1.54,'9/1 12:00am'],
['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
['Citigroup, Inc.',67.27,0.02,0.04,'9/1 12:00am'],
['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am'],
['Walt Disney Company (The) (Holding Company)',29.89,0.24,0.81,'9/1 12:00am'],
['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am'],
['Walt Disney Company (The) (Holding Company)',29.89,0.24,0.81,'9/1 12:00am'],
['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?