Table动态增加删除行

 

<%

DataObject[] gltrzht=(DataObject[])DataContext.getValue(null, pageContext, "gltrzht");

int count=gltrzht.length;

 %>

<table align="center" border="0" width="100%" class="EOS_table" style="text-align: center" id="jtls_table">

               <tr><td colspan="4" align="left">关联的投融资合同信息：</td></tr>

               <tr>

                <th width="25%">投融资合同编号</th>

                <th width="25%">投融资合同名称</th>

                <th width="25%">交易对手名称</th>

                <th width="25%"></th>

            </tr>

            <%

             for(int i=0;i<gltrzht.length;i++){

                 DataObject gltrzhtxx=gltrzht[i];

                 String htbh = gltrzhtxx.get("htbh")!= null ? (String)gltrzhtxx.get("htbh") :"";

                 String htmc = gltrzhtxx.get("htmc")!= null ? (String)gltrzhtxx.get("htmc") :"";

                 String khmc = gltrzhtxx.get("khmc")!= null ? (String)gltrzhtxx.get("khmc") :"";

                 String trid = ("row"+(i+1));

                 %>

                 <tr id="<%=trid %>">

                 <td><input name="gltrzht[<%=(i+1) %>]/htbh" value="<%=htbh %>" readonly="readonly"/><input type='button' value='查看' onclick="gethtbh('<%=(i+1) %>','<%=htbh %>','<%=htmc %>','<%=khmc %>')" class='button' /></td>

                 <td><a href="javascript:void(0);" title="查看合同详情"   onclick="htxqinfo('<%=htbh %>','<%=htmc %>');"><%=htmc %></a><input type="hidden" name="gltrzht[<%=(i+1) %>]/htmc"  value="<%=htmc %>"/></td>

                 <td><input type="hidden" name="gltrzht[<%=(i+1) %>]/khmc"  value="<%=khmc %>"/> <%=khmc %></td>

                 <td><input value="删除" onclick="delrow(<%=(i+1) %>)"  type="button"  class='button'/>

                 </td>

                </tr>

         <%} %>

        </table>

        <input type="hidden" name="count" id="count"  value="<%=count %>"/>

       <table align="center" border="0" width="100%" class="EOS_table">

               <tr>

                <td colspan="3"></td>

                  <td style="text-align:center;width: 25%">

                   <input type="button" value="增加" onclick="htxxRecord()" class="button"/>

                   </tr>

           </table>

<script type="text/javascript">

    //增加

      function htxxRecord(){

        var xtxmbh =  $id('xtxmbh').value;

        var url = "contract/regulatoryInfoGlTrzhtAdd.jsp?xtxmbh="+xtxmbh;

        window.showModalCenter(url, null, addrow, 300, 200, "合同信息");

      }

      

      //查看信息

       function gethtbh(row,htbh,htmc,jyds){

        var xtxmbh =  $id('xtxmbh').value;

        var url = "contract/regulatoryInfoGlTrzhtAdd.jsp?xtxmbh="+xtxmbh+"&htbh="+htbh+"&htmc="+htmc+"&jyds="+jyds+"&row="+row;

        window.showModalCenter(url, null,editrows, 300, 200, "合同信息");

      }

      

    

     //链接到合同详情

      function htxqinfo(htbh,htmc){

        var url = "com.crc.pms.contract.contractInfoMgr.flow?action=view&htbh="+ htbh ;

        window.showModalCenter(url, null, null, 1100, 800, "合同信息【"+htmc+"】");

      }  

      

      //修改行

     function editrows(retrunvalues){

       if((0<retrunvalues.length)&&(""!=retrunvalues)){

       var ret = new Array;

       ret = retrunvalues;

        var htbh = ret[0];

        var htmc = ret[1];

        var jyds = ret[2];

        var hangs = "row"+(ret[3]*1);

        var count = ret[3];

        var tbs = document.getElementById("jtls_table");

        

        

        document.getElementById(hangs).cells[0].innerHTML = "<input name='gltrzht["+count+"]/htbh' value='"+htbh+"' readonly='readonly'/><input type='button' value='查看' οnclick='gethtbh(\""+count+"\",\""+htbh+"\",\""+htmc+"\",\""+jyds+"\")' class='button' />";

        document.getElementById(hangs).cells[1].innerHTML = "<a href='javascript:void(0);' title='查看合同详情'   οnclick='htxqinfo(\""+htbh+"\",\""+htmc+"\");'>"+htmc+"</a><input type='hidden' name='gltrzht["+count+"]/htmc'  value='"+htmc+"'/>";

        document.getElementById(hangs).cells[2].innerHTML = "<input type='hidden' name='gltrzht["+count+"]/khmc'  value='"+jyds+"'/>"+jyds;

        document.getElementById(hangs).innerHTML = "<input type='button' value='删除' οnclick='delrow("+(count)+")' class='button'/>";

        

        <%--tbs.rows[hangs].cells[0].innerHTML = "<input name='gltrzht["+count+"]/htbh' value='"+htbh+"' readonly='readonly'/><input type='button' value='查看' οnclick='gethtbh(\""+count+"\",\""+htbh+"\",\""+htmc+"\",\""+jyds+"\")' class='button' />";

        tbs.rows[hangs].cells[1].innerHTML = "<a href='javascript:void(0);' title='查看合同详情'   οnclick='htxqinfo(\""+htbh+"\",\""+htmc+"\");'>"+htmc+"</a><input type='hidden' name='gltrzht["+count+"]/htmc'  value='"+htmc+"'/>";

        tbs.rows[hangs].cells[2].innerHTML = "<input type='hidden' name='gltrzht["+count+"]/khmc'  value='"+jyds+"'/>"+jyds;

        tbs.rows[hangs].cells[3].innerHTML = "<input type='button' value='删除' οnclick='delrow("+(count)+")' class='button'/>";

        --%> }

      }

    

function addrow(returnvalue){

    if(returnvalue!=null&&returnvalue!=""){

        var htbh = returnvalue[0];

        var htmc = returnvalue[1];

        var jyds = returnvalue[2];

        

        var tb = document.getElementById("jtls_table");

        var count=(parseInt($id("count").value)+1);

        var row = tb.insertRow();

        $name("count").value = count;

        row.id="row"+count;

        row.style.textAlign="center";

        var htbhHTML = row.insertCell(0); //合同编号

        var htmcHTML = row.insertCell(1); //合同名称

        var khmcHTML = row.insertCell(2); //交易对手名称

        var scHTML = row.insertCell(3); //删除按钮

        htbhHTML.innerHTML = "<input name='gltrzht["+count+"]/htbh' value='"+htbh+"' readonly='readonly'/><input type='button' value='查看'class='button' οnclick='gethtbh(\""+count+"\",\""+htbh+"\",\""+htmc+"\",\""+jyds+"\")'  />";

        htmcHTML.innerHTML = "<a href='javascript:void(0);' title='查看合同详情'   οnclick='htxqinfo(\""+htbh+"\",\""+htmc+"\");'>"+htmc+"</a><input type='hidden' name='gltrzht["+count+"]/htmc'  value='"+htmc+"'/>";

        khmcHTML.innerHTML = "<input type='hidden' name='gltrzht["+count+"]/khmc'  value='"+jyds+"'/>"+jyds;

        scHTML.innerHTML = "<input type='button' value='删除' οnclick='delrow("+(count)+")' class='button'/>";

}}

function delrow(count){

    if(confirm("是否删除本记录")){

    var tb= document.getElementById("jtls_table");

    var rowindex=document.getElementById("row"+count).rowIndex;

    tb.deleteRow(rowindex);

    }

}

</script>