显示列表中的所有数据

时间:2018-06-15 13:42:34

标签: javascript

enter image description here我正在使用Javascript进行编程,并希望显示列表中的所有数据。我假设这可以通过for循环完成?但似乎正在努力构建它。到目前为止,这是我的代码:

function getPackerData() {
                $.get('/dispdata/<?=$page_title?>.txt', function(data) {
                    var myList = data.split('~');
                    var list=[]; prt--;

                    var lineItem = {};
                    lineItem.ORDER_NO = myList[0];
                    lineItem.LINE = myList[1];
                    lineItem.ORDQTY = myList[2];
                    lineItem.DESCRIPTION= myList[3];
                    lineItem.PRODUCTINFO = myList[4];
                    lineItem.ORDER_NO.length>1 ? list.push(lineItem) : '';

                    var obj={};
                    obj.wo=list;
                    if (testList != data) { makeTable(obj); testList = data };
                });  }


function makeTable( data ) {
                colHeaders = Object.keys(data.wo[0]);
                var cols = [];
                for (var i=0; i<colHeaders.length; i++) {
                    cols.push("<th>" + colHeaders[i] + "</th>");
                };

                var trs = []

                for (var i=0; i<data.wo.length; i++){               

                    var newHeader=data.wo[i].ORDER_NO + " &ndash; " + data.wo[i].LINE + " &nbsp;&nbsp;&nbsp;&nbsp;" + "QTY: &nbsp;" + data.wo[i].ORDQTY;

                    if (i>=0) {
                            trs.push( "<tr><th colspan=\"5\"><span style = 'color:red'>" + newHeader + "</span></th></tr>" );
                            trs.push("<tr><td class=\"DESCRIPTION\">" + data.wo[i].DESCRIPTION + "</td></tr>");
                            trs.push("<tr><td class=\PRODUCTINFO\">" + data.wo[i].PRODUCTINFO + "</td></tr>");              
                    };                      
                };
                $('.real tfoot').html("<td colspan=\"7\"></td>");
                $('.real tbody').html(trs.join("")); };

所以我正在做的只是向内部网站显示数据。我有用于存储数据的文本文件。以下是文本文件的示例:

 885887~ 25~   11~AVX-4-L36/835-CPC-CEC-EM/10WLP-OCCWS FS-505-PP 120-DIM-120~(1)D10(30W)TW*ULT 71/(4)HLM-28TC-835 (4,1,1,1) V:40~~

我使用~作为分隔符,数据全部在一行上。现在它显示列表中的前5个。如何让它显示列表中的其余数据?任何帮助都会很精彩!谢谢!

1 个答案:

答案 0 :(得分:0)

您的代码段有一些明显的问题,但有一点我注意到,对于您的示例数据,myList = data.split('~');会生成一个包含7个元素的数组,最后两个是空字符串。因此,如果您看到显示5个元素,那是因为代码正在运行: - )