javascript画table

function addApproverInfo(empobj, tableid){
    var form = document.newApplyCreate;
   
    //var table = document.getElementById("listtableobject");
    var table = document.getElementById(tableid);
    var tablelen = table.rows.length;
    //alert(table.rows.length);
   
    var trClassName = table.rows(table.rows.length - 2).getAttribute("className");//"Odd" "Even"
    if(trClassName == "Even"){
        trClassName = "Odd";
    } else {
        trClassName = "Even";
    }
   
    //var seqNo = table.rows.length - 4;
    var table1 = document.getElementById("listtableobject");
    var table1_data_len = table1.rows.length - 4;
    var table2_data_len = table.rows.length - 4;
   
    var seqNo = table1_data_len + table2_data_len;
   
    var rowkey = "";
    rowkey += seqNo + "<%=CommonUtils.UI_PARAM_SEPARATOR_SUB %>";//APPROVE_SEQ
    rowkey += "#" + "<%=CommonUtils.UI_PARAM_SEPARATOR_SUB %>";//APPROVE_TYPE
    rowkey += empobj.userid + "<%=CommonUtils.UI_PARAM_SEPARATOR_SUB %>";//EMP_NO
    rowkey += empobj.epid + "|";//EPID
    rowkey += empobj.username + "|";//EMP_NAME
    rowkey += empobj.deptid + "|";//DEPT_ID
    rowkey += empobj.deptname + "|";//DEPT_NAME
    rowkey += empobj.gradename;//POSITION_NAME
   
    var newTr = table.insertRow(table.rows.length - 1);
    newTr.setAttribute("className", trClassName);
   
    var newTd = newTr.insertCell();
    newTd.setAttribute("className", "TD_LABEL");
    newTd.setAttribute("align", "right");
    newTd.innerHTML = "<input type='checkbox' name='chk_approve_info' id='chk_approve_info_" + seqNo + "' class='INPUT'  value='" + rowkey + "' checked=true />&nbsp;" + seqNo + "&nbsp;";
   
    newTd = newTr.insertCell();
    newTd.setAttribute("className", "TD_LABEL");
    newTd.setAttribute("align", "center");
//    newTd.innerHTML = "<select name=/"sel_approve_type/" id=/"sel_approve_type_" + seqNo + "/" οnchange=/"javascript:onChangeSelApproveType(this,/'chk_approve_info_" + seqNo + "/');/"><option value=/"1/">审批</option><option value=/"2/">协议</option><option value=/"9/">通知</option></select>";
    newTd.innerHTML = "<select name=/"sel_approve_type/" id=/"sel_approve_type_" + seqNo + "/" οnchange=/"javascript:onChangeSelApproveType(this,/'" + seqNo + "/');/"><option value=/"1/">审批</option><option value=/"2/">协议</option><option value=/"9/">通知</option></select>";
   
    newTd = newTr.insertCell();
    newTd.setAttribute("className", "TD_LABEL");
    newTd.setAttribute("align", "left");
    newTd.innerHTML = empobj.username + "&nbsp;/&nbsp;" + empobj.deptname + "&nbsp;/&nbsp;" + empobj.gradename;
    //<c:out value="${approvePath.EMP_NAME}"/>&nbsp;/&nbsp;<c:out value="${approvePath.POSITION_NAME}"/>&nbsp;/&nbsp;<c:out value="${approvePath.DEPT_NAME}"/>&nbsp;
   
    newTd = newTr.insertCell();
    newTd.setAttribute("className", "TD_LABEL");
    newTd.setAttribute("align", "center");
    newTd.innerHTML = "<a href=/"#/"><img src=/"/images/btn_modify.gif/" border=/"0/" οnclick=/"javascript:changeApprover(/'" + tableid + "/',/'" + seqNo + "/');/">/</a>";
   
    document.getElementById("sel_approve_type_" + seqNo).fireEvent("onchange");
   
    //alert(document.getElementById("chk_approve_info_" + seqNo).value);

 

    //table.rows[idx]
}

 

function changeApproverInfo(empobj,tableid){
    //alert(empobj);
    //var table = document.getElementById("listtableobject");
    var table = document.getElementById(tableid);
    var currentRowNo = parseInt(CURRENT_SEQ) + 3;
   
    if(tableid == "listtableobject_notice"){
        currentRowNo = currentRowNo - (document.getElementById("listtableobject").rows.length - 4);
    }
   
    var trClassName = table.rows(currentRowNo).getAttribute("className");//"Odd" "Even"
    var seqNo = CURRENT_SEQ;
   
    var currKey = document.getElementById("chk_approve_info_" + seqNo).value;
    var keyArr = currKey.split("|");
   
    var currApproveType = keyArr[1];

    table.deleteRow(currentRowNo);
   
    var rowkey = "";
    rowkey += seqNo + "<%=CommonUtils.UI_PARAM_SEPARATOR_SUB %>";//APPROVE_SEQ
    rowkey += "#" + "<%=CommonUtils.UI_PARAM_SEPARATOR_SUB %>";//APPROVE_TYPE
    rowkey += empobj.userid + "<%=CommonUtils.UI_PARAM_SEPARATOR_SUB %>";//EMP_NO
    rowkey += empobj.epid + "|";//EPID
    rowkey += empobj.username + "|";//EMP_NAME
    rowkey += empobj.deptid + "|";//DEPT_ID
    rowkey += empobj.deptname + "|";//DEPT_NAME
    rowkey += empobj.gradename;//POSITION_NAME

    var newTr = table.insertRow(currentRowNo);
    newTr.setAttribute("className", trClassName);
   
    var newTd = newTr.insertCell();
    newTd.setAttribute("className", "TD_LABEL");
    newTd.setAttribute("align", "right");
    newTd.innerHTML = "<input type='checkbox' name='chk_approve_info' id='chk_approve_info_" + seqNo + "' class='INPUT'  value='" + rowkey + "' checked=true />&nbsp;" + seqNo + "&nbsp;";
   
    newTd = newTr.insertCell();
    newTd.setAttribute("className", "TD_LABEL");
    newTd.setAttribute("align", "center");
//    newTd.innerHTML = "<select name=/"sel_approve_type/" id=/"sel_approve_type_" + seqNo + "/" οnchange=/"javascript:onChangeSelApproveType(this,/'chk_approve_info_" + seqNo + "/');/"><option value=/"1/">审批</option><option value=/"2/">协议</option><option value=/"9/">通知</option></select>";
    newTd.innerHTML = "<select name=/"sel_approve_type/" id=/"sel_approve_type_" + seqNo + "/" οnchange=/"javascript:onChangeSelApproveType(this,/'" + seqNo + "/');/"><option value=/"1/">审批</option><option value=/"2/">协议</option><option value=/"9/">通知</option></select>";
   
    newTd = newTr.insertCell();
    newTd.setAttribute("className", "TD_LABEL");
    newTd.setAttribute("align", "left");
    newTd.innerHTML = empobj.username + "&nbsp;/&nbsp;" + empobj.deptname + "&nbsp;/&nbsp;" + empobj.gradename;
    //<c:out value="${approvePath.EMP_NAME}"/>&nbsp;/&nbsp;<c:out value="${approvePath.POSITION_NAME}"/>&nbsp;/&nbsp;<c:out value="${approvePath.DEPT_NAME}"/>&nbsp;
   
    newTd = newTr.insertCell();
    newTd.setAttribute("className", "TD_LABEL");
    newTd.setAttribute("align", "center");
    newTd.innerHTML = "<a href=/"#/"><img src=/"/images/btn_modify.gif/" border=/"0/" οnclick=/"javascript:changeApprover(/'" + tableid  + "/',/'" + seqNo + "/');/">/</a>";
   
    setApproveTypeDefaultValue(document.getElementById("sel_approve_type_" + seqNo), currApproveType);
    document.getElementById("sel_approve_type_" + seqNo).fireEvent("onchange");
   
    //alert(document.getElementById("chk_approve_info_" + seqNo).value);
   
    CURRENT_SEQ = -1;
}