动态添加删除行

 

<script>
 function addRow(context){
  _addRow(context, null, 0);
 }
 
 function _addRow(context, column, i){
  var tableBody = document.getElementById("_cloumn_list_id_");
  var lastTr = tableBody.lastChild;
    
  if(lastTr != null && typeof lastTr.tagName == "undefined"){//firfox
   lastTr = lastTr.previousSibling;
  }
  var fName1 = lastTr.id.substring(4);
  var fName = parseInt(fName1)+1;
  var trId = "file" + fName;
  
  
  var tr = document.createElement("tr");
  tr.id = trId;
  tableBody.appendChild(tr);  
       
  var td1 = document.createElement("td");
  td1.align = "right";
  td1.bgColor = "#e3edfa";
  tr.appendChild(td1);
  td1.innerHTML = "&nbsp;";

  var td2 = document.createElement("td");
  td2.bgColor = "#f6f9f1";
  td2.colSpan = "3";
  tr.appendChild(td2);

  var text1 = document.createElement("input");
  text1.type= "file";
  text1.name = "apply.attachment" + fName;
  text1.className = "table_1_input_text";
  td2.appendChild(text1); 

  var delImg = document.createElement("img");
  delImg.src = "#springUrl('')/web/images/gather/delete.png";
  delImg.style.cursor = "hand";
  delImg.title = "删除";
  //delImg.onClick = "deleteRow(" + tr.id + ")";
  delImg.onclick = function(){deleteRow(trId);};
  td2.appendChild(delImg);
  
 }

 function deleteRow(id){
  if(confirm('是否删除该行?')){
   //var target = dojo.html.getEventTarget(e);
   
   //var tr = target.parentNode.parentNode;
   var tr = document.getElementById(id);
   tr.parentNode.removeChild(tr);
  }
 }

 function doApplyForm(){
  if(document.getElementById('orgname').value==""){
   alert('申请数据部门不能为空');
   return;
  } else if(document.getElementById('phone').value=="") {
   alert('申请数据联系电话不能为空');
   reurn;
  } else if(document.getElementById('applyname').value=="") {
   alert('申请数据联系人不能为空');
   return;
  } else {
   document.forms[0].action="#springUrl('')/page/dataApply/DataApplyCtrl.do?action=addApply";
   document.forms[0].submit();
  }
 }
</script>
<div id="box">
 <div id="main">
  <form name="surrform" action="" method="post" enctype="multipart/form-data" >
   <div class="pag_top">
   当前位置 > 目录查询 > 数据申请> 填写数据申请表单
   </div>
   <div class="table_box">
    <div class="select_title">
    <span class="STYLE3"></span><span class="STYLE2"></span>
   </div>
   
   <div class="block_1"></div>
   <br/>
    <table class="list_table" border="0" cellspacing="0" cellpadding="0">
     <tr>
      <th colspan="4">
       数据申请表单
      </th>
     </tr>
     <tbody id="_cloumn_list_id_">
     <tr>
      <td width="15%" align="right" bgcolor="#e3edfa">
       申请数据信息类编号
      </td>
      <td width="35%" align="" bgcolor="#f6f9f1">
       <input class="table_1_input_text" name="apply.topicCode" id="apply.topicCode" type="text" value="$!cmd.applyTopicCode" readonly="readonly"/>
      </td>
      <td width="15%" align="right" bgcolor="#e3edfa">
       申请数据信息类名称
      </td>
      <td width="35%" align="" bgcolor="#f6f9f1">
       <input class="table_1_input_text" name="apply.topicName" type="text"  value="$!cmd.applyTopicName" readonly="readonly"/>
      </td>
     </tr>
     <tr>
      <td align="right" bgcolor="#e3edfa">
       数据信息类所属部门&nbsp;
      </td>
      <td align="" bgcolor="#f6f9f1">
       <input class="table_1_input_text"  type="text"  value="$!borgName" readonly="readonly"/>
          <input name="apply.orgCode"  type="hidden" value="$!borgCode,$!borgName"/>
      </td>
      <td align="right" bgcolor="#e3edfa">
       申请类型
      </td>
      <td align="" bgcolor="#f6f9f1">
       
       <select name="apply.permissions" id="permissions" style="width:98%;">
        <option value="2">查看数据</option>
        <option value="1">下发数据</option>
       </select>
      </td>
      
     </tr>
     <tr>
      <td align="right" bgcolor="#e3edfa">
       申请数据部门
      </td>
      <td align="" bgcolor="#f6f9f1">
       <input class="table_1_input_text" #if($!orgname) readonly="readonly" #end name="apply.applyOrg" type="text" id='orgname' value="$!orgName"/>
       <input name="apply.applyUser" type="hidden"  value="$!userCode"/>
      </td>
      <td align="right" bgcolor="#e3edfa">
       申请数据联系电话
      </td>
      <td align="" bgcolor="#f6f9f1">
       <input class="table_1_input_text" id='phone' name="apply.applyPhone" type="text"  value=""/>
      </td>
     </tr>
     <tr>
      <td align="right" bgcolor="#e3edfa">
       申请数据联系人
      </td>
      <td align="" bgcolor="#f6f9f1">
       <input class="table_1_input_text2" id='applyname' name="apply.applyName" type="text"  value=""/>
      </td>
      <td align="right" bgcolor="#e3edfa">
       申请数据联系邮箱
      </td>
      <td align="" bgcolor="#f6f9f1">
       <input class="table_1_input_text" name="apply.applyEmail" type="text"  value=""/>
      </td>
     </tr>
     
     <tr>
      <td align="right" bgcolor="#e3edfa">
       申请数据理由或依据
      </td>
      <td colspan="3" align="" bgcolor="#f6f9f1">
       <textarea class="textarea_2" name="apply.applyReason" cols="" rows=""></textarea>
      </td>
     </tr>
     <tr id="file1">
      <td align="right" bgcolor="#e3edfa">
       申请附件
      </td>
      <td bgcolor="#f6f9f1"  colspan="3">
       <input class="table_1_input_text" type="file" name="apply.attachment1"/>
       <img src="#springUrl('')/web/images/gather/add.gif"
        οnclick="addRow('#springUrl('')')"  style="cursor: hand;">
      </td>
     </tr>
     </tbody>
     <tr>
      <td colspan="4" align="center" bgcolor="#e3edfa">
       <input name="" type="button" οnclick="doApplyForm();" class="bottom_up_g" value="提交申请" />
      </td>
     </tr>
    
    </table>

   </div>
   <!--table_box-->
  </form>
 </div>

</div>