jQuery动态生成table

function loadDoc() {
            //var $DbPlantCode = ;
            //var $texWo = $("#texWo").val();
            //var $data = { DBplantCode: $DbPlantCode, Strgroup: $Group, tempPNs: $txtPN, dateS: $dateS, dateE: $dateE }
            var $Results = $('#Results');//获取页面上id为tableId的table对象
            
            $("#Results").empty(""); //清空table
            var tableStr;//定义一个用来拼表格内容的字符串
            jQuery.support.cors = true;

            $.ajax({
                async:true,
                type: 'POST',
                url: BaseUrl+ 'api/yield/yield_Oper',
                //url: 'http://10.67.50.80/TJWebApi/api/yield/yield_Oper',               
                contentType: "application/json;charset=utf-8", //json格式传给后端
                data:JSON.stringify({
                    DBcode: $("#DBplantCode").val(),
                    PlantCode:'Static',
                    WorkOrderNo: $("#texWo").val()
                }),                
                dataType: "json",//数据返回格式
                //dataType: "jsonp",
                success: function (data) {
                    console.log(data);
                    //表头
                    var $tableHeader = new Array('eventname','total','firstinput','repairinput','firstpass','firstfail','retestpass','fianllyfail','First Pass Rate','Fail Rate')
                    var $tr = null;
                    $tableHeader.forEach(element => {                       
                        $tr = $tr + "<td>"+ element +"</td>";
                    });
                    $tr= "<tr>"+$tr+"</tr>";
                    $Results.append( $tr);

                    for( var i = 0; i < data['rows'].length; i++ ) {
                        //动态创建一个tr行标签,并且转换成jQuery对象
                        var $trTemp = $("<tr></tr>");
                        //往行里面追加 td单元格
                        $trTemp.append("<td>"+ data['rows'][i].eventname +"</td>");
                        $trTemp.append("<td>"+ data['rows'][i].total +"</td>");
                        $trTemp.append("<td>"+ data['rows'][i].firstinput +"</td>");
                        $trTemp.append("<td>"+ data['rows'][i].repairinput +"</td>");
                        $trTemp.append("<td><a href='Detail_FirstPass.html?DBcode="+$("#DBplantCode").val()+"&PlantCode=Detail_FirstPass&WorkOrderNo="+$("#texWo").val()+"&EventPoint="+data['rows'][i].eventname+"' target='_blank'>"+ data['rows'][i].firstpass +"</a></td>");                        
                        $trTemp.append("<td><a href='Detail_FirstFail.html?DBcode="+$("#DBplantCode").val()+"&PlantCode=Detail_FirstFail&WorkOrderNo="+$("#texWo").val()+"&EventPoint="+data['rows'][i].eventname+"' target='_blank'>"+ data['rows'][i].firstfail +"</a></td>");
                        $trTemp.append("<td><a href='Detail_Retest.html?DBcode="+$("#DBplantCode").val()+"&PlantCode=Detail_Retest&WorkOrderNo="+$("#texWo").val()+"&EventPoint="+data['rows'][i].eventname+"' target='_blank'>"+ data['rows'][i].retestpass +"</a></td>");
                        $trTemp.append("<td><a href='Detail_FinalFail.html?DBcode="+$("#DBplantCode").val()+"&PlantCode=Detail_FinalFail&WorkOrderNo="+$("#texWo").val()+"&EventPoint="+data['rows'][i].eventname+"' target='_blank'>"+ data['rows'][i].fianllyfail +"</a></td>");
                        $trTemp.append("<td>"+ data['rows'][i]['First Pass Rate'] +"</td>");
                        $trTemp.append("<td>"+ data['rows'][i]['Fail Rate'] +"</td>");                        
                        $trTemp.appendTo($Results);
                    }                   
                } ,
                error: function (err) {
                    console.log(err);
                    alert('失敗');
                }
            });
        }
        function outEx (){
            $("#Results").table2excel({
                    exclude: ".noExl",
                    name: "Excel Document Name",
                    filename: "myFileName",
                    exclude_img: true,
                    exclude_links: true,
                    exclude_inputs: true
                })
        }

 

posted @ 2020-07-24 09:43  王小鹏  阅读(2201)  评论(0编辑  收藏  举报