//设置数据列
function SetCols(alldata) {
var _tablet=document.getElementById('table');//获取表身table对象
for(var dq=0;dq<colnum+1;dq++)//colnum为记录列数目的全局变量
{ _tablet.rows[0].deleteCell(colnum -dq); }//删除当前显示的数据列单元
//alldata2获取列信息(名称类型数目类型等)并重新设置数据列单元
for(var i=0;i<(alldata2.Rows.length+1);i++){
var _td=_tablet.rows[0].insertCell(i);
_tablet.rows[0].cells[i].innerHTML=alldata2.Rows[i-1].NAME;//写入列名称
colnum=alldata2.Rows.length; }//记录列名称
//设置数据行
function SetRows(alldata1,alldata2) {
var _tablet=document.getElementById('table');
var rowcount=alldata1.Rows.length;
rownum= rowcount;
for(var k=0;k<rownum;k++)
{_tablet.deleteRow(rownum-k); } //删除原来数据行的数据
//设置新数据行
for(var i=0;i<rowcount;i++){
//循环设置每一行
var _tr=_tablet.insertRow(i+1);
for(var j=0;j<(alldata2.Rows.length+1);j++){//循环设置每一行的每一列
var _td=_tr.insertCell(j);
var textcol = alldata2.Rows[j-1].NAME;
var textcell = alldata1.Rows[i][textcol];
_tablet.rows[i+1].cells[j].innerHTML=textcell;
}}}
表尾模块主要负责数据的分页和当前数据显示信息的展示。其工作流程与表头相似,(一)是从alldata2和alldata3中获取当前显示的数据的信息,如“共多少数据”,“当前显示为第几条等”,显示在表尾Table中。(二)是改变当前显示的页面的参数并调用客户端数据请求函数发送给服务器端,然后由表身模块获取服务器返回的结果数据完成分页和数据信息显示功能。其代码示例如下:
//获取表尾table中用来获取设置页码的下拉列表和文字框
Var _select = document.getElementById('Tableendselect');
Var _td = document.getElementById('Tableendtd');
var pagetext="共"+alldata.Rows[0].length% newperpagecount
+"页,每页"+newperpagecount
+"条记录,当前为第"+curpage;
+"页";
_td.innerHTML= pagetext;
oldpage =newpage; //保存原始显示信息
newpage = _select.Value;//设置新值
|