你好,欢迎来到电脑编程技巧与维护杂志社! 杂志社简介广告服务读者反馈编程社区  
合订本订阅
 
 
您的位置:杂志经典 / 编程语言
利用Ajax技术实现自定义列表显示控件(七)
 

//设置数据列

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;

            }}}

    表尾模块主要负责数据的分页和当前数据显示信息的展示。其工作流程与表头相似,(一)是从alldata2alldata3中获取当前显示的数据的信息,如“共多少数据”,“当前显示为第几条等”,显示在表尾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;//设置新值

  推荐精品文章

·2024年9月目录 
·2024年8月目录 
·2024年7月目录 
·2024年6月目录 
·2024年5月目录 
·2024年4月目录 
·2024年3月目录 
·2024年2月目录 
·2024年1月目录
·2023年12月目录
·2023年11月目录
·2023年10月目录
·2023年9月目录 
·2023年8月目录 

  联系方式
TEL:010-82561037
Fax: 010-82561614
QQ: 100164630
Mail:gaojian@comprg.com.cn

  友情链接
 
Copyright 2001-2010, www.comprg.com.cn, All Rights Reserved
京ICP备14022230号-1,电话/传真:010-82561037 82561614 ,Mail:gaojian@comprg.com.cn
地址:北京市海淀区远大路20号宝蓝大厦E座704,邮编:100089