用JScript动态处理table

function CreateTableWithDiv(idStart,table,tr)
{
    table.setAttribute("border",1);
    var id=idStart;
    var rowIndex=-1;
    for(var i=0;i<20;i++)
    {
        var tr1=table.insertRow(table.rows.length);
        rowIndex++;
        for(var j=0;j<tr.cells.length;j++)
        {
            id++;
            var cell=tr1.insertCell();
            cell.setAttribute("border",1);
            cell.setAttribute("height",24);
            //cell.align="center";
            var divId="div"+id;
            var divValue=divId.substring(3);
            cell.innerHTML="<div id='"+divId+"' style='width: 20px; height: 20px'>"+divValue+"</div>";
        }
    }
}
function ReadControlValueInTable(table)
{
    var valueArr=new Array();
    for(var i=3;i<table.rows.length;i++)
    {
         //alert(i);
        var row=table.rows[i];
        for(var j=0;j<1;j++)
        {
            var id=row.cells[j].firstChild.id;
            var idSerice=id.substring(4);
            var text=document.getElementById(id);
            if(text.value.length>0)
            {
                var xId=null;
                var yId=null;
                var chartType=null;
                var asixType=null;
                var txtX="Text"+(Number(idSerice)+1);
                var txtY="Text"+(Number(idSerice)+2);
                var txtXValue=(document.getElementById(txtX)).value;
                var txtYValue=(document.getElementById(txtY)).value;
                if(txtXValue=="-" ||txtYValue=="-")
                {
                    chartType=chartTypeLine;
                    if(txtXValue=="-" && txtYValue!="-")
                    {
                        asixType="X";
                    }
                    else
                    {
                        asixType="Y";
                    }
                }
                else
                {
                    chartType=chartTypePoint;
                }
                if(mappingByValue==mappingByValueTFT)
                {
                    xId="Text"+(Number(idSerice)+3);
                    yId="Text"+(Number(idSerice)+4);
                }
                else if(mappingByValue==mappingByValueCF)
                {
                    xId="Text"+(Number(idSerice)+99-(i-3)*3+1);
                    yId="Text"+(Number(idSerice)+99-(i-3)*3+2);
                }
                var rowNo=i-3+1;
                var xValue=(document.getElementById(xId)).value;
                var yValue=(document.getElementById(yId)).value;
                var valueList={};
                valueList.num=rowNo;
                valueList.chartType=chartType;
                valueList.asixType=asixType;
                valueList.xValue=xValue;
                valueList.yValue=yValue;
                valueArr.push(valueList);
            }
        }
    }
    return valueArr;
}
function CreateTable(idStart,table,tr)
{
    table.setAttribute("border",1);
    var id=idStart;
    var txtId=null;
    var rowIndex=-1;
    for(var i=0;i<20;i++)
    {
        var tr1=table.insertRow(table.rows.length);
        rowIndex++;
        for(var j=0;j<tr.cells.length;j++)
        {
            id++;
            var cell=tr1.insertCell();
            cell.setAttribute("border",1);
            cell.setAttribute("width",24);
            cell.align="center";
            //cell.style.background="#7596C6";
            //cell.height=21;
            //cell.width=50;
            var txtId="Text"+id;
            var str=txtId.slice(-1);
           
            //alert(txtPar1+txtPar2+txtPar3+txtPar4);
            if(str=="1" || str=="6")
            {
                //cell.innerHTML="<input type='text' id='"+txtId+"' size='5'>";
                var txtPar1="Text"+(id+3);
                var txtPar2="Text"+(id+99-3*rowIndex+1);
                var txtPar3="Text"+(id+4);
                var txtPar4="Text"+(id+99-3*rowIndex+2);
                cell.innerHTML="<input type='text' id='"+txtId+"' size='5'  οnblur=valueParser('"+speToTFT+"','"+speToCF+"',this.id,'"+txtPar1+"','"+txtPar2+"');drawSvgChart('"+speToTFT+"','"+fileSVGClientPath1+"',this.id,'"+txtPar1+"','"+txtPar3+"');drawSvgChart('"+speToCF+"','"+fileSVGCFClientPath1+"',this.id,'"+txtPar2+"','"+txtPar4+"')>";
                //<input id="Text1" size="5" type="text" οnblur="valueParser(speToTFT,speToCF,this.id,'Text4','Text101');drawSvgChart('TFT',fileSVGClientPath,this.id,'Text4','Text5');drawSvgChart('CF',fileSVGCFClientPath,this.id,'Text101','Text102')" /></td>
            }
            else if(str=="2" || str=="7")
            {
                //用轉換式mapping Text的onblur（）事件的控件
                var txtPar1="Text"+(id+2);
                var txtPar2="Text"+(id+99-3*rowIndex);
                var txtPar3="Text"+(id+3);
                var txtPar4="Text"+(id+99-3*rowIndex+1);
                cell.innerHTML="<input type='text' id='"+txtId+"' size='5'  οnblur=valueParser('"+speToTFT+"','"+speToCF+"',this.id,'"+txtPar1+"','"+txtPar2+"');drawSvgChart('"+speToTFT+"','"+fileSVGClientPath1+"',this.id,'"+txtPar1+"','"+txtPar3+"');drawSvgChart('"+speToCF+"','"+fileSVGCFClientPath1+"',this.id,'"+txtPar2+"','"+txtPar4+"')>";
            }
            else if(str=="3" || str=="8")
            {
                var txtPar1="Text"+(id+1);
                var txtPar2="Text"+(id+99-3*rowIndex-1);
                var txtPar3="Text"+(id+2);
                var txtPar4="Text"+(id+99-3*rowIndex);
                cell.innerHTML="<input type='text' id='"+txtId+"' size='5'  οnblur=valueParser('"+speToTFT+"','"+speToCF+"',this.id,'"+txtPar1+"','"+txtPar2+"');drawSvgChart('"+speToTFT+"','"+fileSVGClientPath1+"',this.id,'"+txtPar1+"','"+txtPar3+"');drawSvgChart('"+speToCF+"','"+fileSVGCFClientPath1+"',this.id,'"+txtPar2+"','"+txtPar4+"')>";
            }
            else
            {
                cell.innerHTML="<input type='text' id='"+txtId+"' size='5'>";
            }
        }
    }
    //for test
    //alert(txtId);
}

 

function getValue(valueArr)
{
    var arr=new Array();
    arr=valueArr;
    var table1=document.getElementById("tblEQPUnitMappintResult1");
    var table2=document.getElementById("tblEQPUnitMappintResult2");
    var table1RowsCnt=table1.rows.length;
    var table2RowsCnt=table2.rows.length;
    for(var j=1;j<table1RowsCnt;j++)
    {
        table1.deleteRow(table1.rows.length-1);
    }
    for(var h=1;h<table2RowsCnt;h++)
    {
        table2.deleteRow(table2.rows.length-1);
    }
    var obj={};
    var objArr=new Array();
    //var tr1=document.getElementById("tblEQPUnitMappingResult1Tr");
    for(var i=0;i<arr.length;i++)
    {
        var row=table1.insertRow(table1.rows.length);
        var cell1=row.insertCell(row.cells.length);
        var cell2=row.insertCell(row.cells.length);
        var cell3=row.insertCell(row.cells.length);
        var cell4=row.insertCell(row.cells.length);
        var cell5=row.insertCell(row.cells.length);
        var cell6=row.insertCell(row.cells.length);
        cell1.innerText=arr[i].num;
        cell2.innerText=arr[i].shop;
        cell3.innerText=arr[i].line;
        cell4.innerText=arr[i].eqp;
        cell5.innerText=arr[i].unit;
        cell6.innerText=arr[i].distance;      
    }

}