用Ajax设计让[序号]自动编排

m04375036

文件:
用Ajax设计让[序号]自动编排.rar
大小:
53KB
下载:
下载
用Ajax设计让[序号]自动编排

本人在开发物料主数据维系统时，发现数据库中的编号（ID）与界面显示的序号不能同时保持有规律性的递增，原因是多用户操作的数据，保存后，不再显示，为了让操作者打印后的数据能方便地阅读数据，查看序号，需将程序改进。如下图：

   
图中的序号为递增的序号，最右边的数字为数据库中的ID，如果采用最右边这组数据作为序号的话，在首页（第一页）的序号不是从1开始而是从7开始。如果操作员将序号为5的数据保存后，则会使连续的数字断开。为了保持连续性，可以使用ajax来设计。注意图中的表均是通过ajax来自动生成，翻页也是通过ajax来设计。


上图显示了翻页后的序号显示。
   下面分析一下代码的设计：
var page=1;
var selectValue="";
var pagecount=1;
var ID=null;
var kind="";
var popup;
var menubody;
var textField;
var kname;
var num;
var nid;
var addid=1;
var preid=0;                 //上一次值
var pagesize=10;             //默认为每页10 行

……
    function sendResponse(){
     clearResults();          //清空表
     preid=(page-1)*pagesize;   //计算起始值
     setResults();             //设置结果集，即表中的数据   
    setPageCount();          //设置共有多少页，当前第几页
}
function setResults(){//设置结果集，从XML中读取数据
    var res=XMLHttpReq.responseXML;   
    var prop=null;
    var nd,matnr;
    var props=res.getElementsByTagName("myinfo");
   
    for(var i=0;i     
     addid=preid+i+1; //递增序号开始
     prop=props;     
     nd=prop.getElementsByTagName("num")[0].firstChild.nodeValue;         
     matnr=prop.getElementsByTagName("matnr")[0].firstChild.nodeValue;
     createTable(addid,nd,matnr);//将结果填充到表中
    }
   If(props.length!=0){
    saveAllEdit(); //设置全部保存
   }
}

通过以上代码便可实现，序号的增加，也方便将数据记入到EXCEL，方便打印。

作者：天竺鼠
QQ：410814391
QQ群：49896975
E-Mail:tzs1232115@163.com
工作单位：建纶电器工业（中山）有限公司


本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u1/50618/showart_465765.html