meidu2021/daju/WebRoot/webpage/cn/com/lzt/relatedunitscontacts/relatedUnitsContactsList.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<script src="plug-in/layer/layer.js"></script>
<script type="text/javascript">
	$('#addRelatedUnitsContactsBtn').linkbutton({   
	    iconCls: 'icon-add'  
	});  
	$('#delRelatedUnitsContactsBtn').linkbutton({   
	    iconCls: 'icon-remove'  
	}); 
	$('#addRelatedUnitsContactsBtn').bind('click', function(){
		var trListContacts = $("#add_relatedUnitsContacts_table").children("tr");
		if(trListContacts.length >= 3){
			layer.alert("联系人信息最多输入三条,请确认!");
			return;
		}
 		 var tr =  $("#add_relatedUnitsContacts_table_template tr").clone();
	 	 $("#add_relatedUnitsContacts_table").append(tr);
	 	 resetTrNum('add_relatedUnitsContacts_table');
	 	 return false;
    });  
	$('#delRelatedUnitsContactsBtn').bind('click', function(){   
      	$("#add_relatedUnitsContacts_table").find("input:checked").parent().parent().remove();   
        resetTrNum('add_relatedUnitsContacts_table'); 
        return false;
    }); 
    $(document).ready(function(){
    	$(".datagrid-toolbar").parent().css("width","auto");
    	if(location.href.indexOf("load=detail")!=-1){
			$(":input").attr("disabled","true");
			$(".datagrid-toolbar").hide();
		}
		//将表格的表头固定
	    $("#relatedUnitsContacts_table").createhftable({
	    	height:'110px',
			width:'auto',
			fixFooter:false
			});
    });
</script>
<div style="padding: 3px; height: 25px;width:auto;" class="datagrid-toolbar">
	<a id="addRelatedUnitsContactsBtn" href="#">添加</a> <a id="delRelatedUnitsContactsBtn" href="#">删除</a> 
</div>
<table border="0" cellpadding="2" cellspacing="0" id="relatedUnitsContacts_table">
	<tr bgcolor="#E6E6E6">
		<td align="center" bgcolor="#EEEEEE" style="width: 35px;">序号</td>
		<td align="center" bgcolor="#EEEEEE" style="width: 35px;">操作</td>
				  <td align="left" bgcolor="#EEEEEE" style="width: 126px;">
						<span color="red" class="requiredIcon">*</span>姓名
				  </td>
				  <td align="left" bgcolor="#EEEEEE" style="width: 126px;">
						职位
				  </td>
				  <td align="left" bgcolor="#EEEEEE" style="width: 126px;">
						到货地址
				  </td>
				  <td align="left" bgcolor="#EEEEEE" style="width: 126px;">
						<span color="red" class="requiredIcon">*</span>手机号
				  </td>
				  <td align="left" bgcolor="#EEEEEE" style="width: 126px;">
						邮箱
				  </td>
				  <td align="left" bgcolor="#EEEEEE" style="width: 126px;">
						微信
				  </td>
				  <td align="left" bgcolor="#EEEEEE" style="width: 126px;">
						座机
				  </td>
				  <td align="left" bgcolor="#EEEEEE" style="width: 126px;">
						生日
				  </td>
	</tr>
	<tbody id="add_relatedUnitsContacts_table">
	<c:if test="${fn:length(relatedUnitsContactsList)  > 0 }">
		<c:forEach items="${relatedUnitsContactsList}" var="poVal" varStatus="stuts">
			<tr>
				<td align="center"><div style="width: 35px;" name="xh">${stuts.index+1 }</div></td>
				<td align="center"><input style="width:35px;"  type="checkbox" name="ck" /></td>
					<input name="relatedUnitsContactsList[${stuts.index }].id" type="hidden" value="${poVal.id }"/>
					<input name="relatedUnitsContactsList[${stuts.index }].relatedUnitsId" type="hidden" value="${poVal.relatedUnitsId }"/>
					<input name="relatedUnitsContactsList[${stuts.index }].createName" type="hidden" value="${poVal.createName }"/>
					<input name="relatedUnitsContactsList[${stuts.index }].createBy" type="hidden" value="${poVal.createBy }"/>
					<input name="relatedUnitsContactsList[${stuts.index }].createDate" type="hidden" value="${poVal.createDate }"/>
					<input name="relatedUnitsContactsList[${stuts.index }].updateName" type="hidden" value="${poVal.updateName }"/>
					<input name="relatedUnitsContactsList[${stuts.index }].updateBy" type="hidden" value="${poVal.updateBy }"/>
					<input name="relatedUnitsContactsList[${stuts.index }].updateDate" type="hidden" value="${poVal.updateDate }"/>
				   <td align="left">
					  	<input name="relatedUnitsContactsList[${stuts.index }].name" maxlength="20" 
					  		type="text" class="inputxt"  style="width:120px;"  value="${poVal.name }" datatype="*">
					  <label class="Validform_label" style="display: none;">姓名</label>
				   </td>
				   <td align="left">
					  	<input name="relatedUnitsContactsList[${stuts.index }].position" maxlength="32" 
					  		type="text" class="inputxt"  style="width:120px;"  value="${poVal.position }">
					  <label class="Validform_label" style="display: none;">职位</label>
				   </td>
				   <td align="left">
					  	<input name="relatedUnitsContactsList[${stuts.index }].arrivalAddress" maxlength="50" 
					  		type="text" class="inputxt"  style="width:120px;"  value="${poVal.arrivalAddress }">
					  <label class="Validform_label" style="display: none;">到货地址</label>
				   </td>
				   <td align="left">
					  	<input name="relatedUnitsContactsList[${stuts.index }].telphone" maxlength="11" 
					  		type="text" class="inputxt"  style="width:120px;"  value="${poVal.telphone }" datatype="m">
					  <label class="Validform_label" style="display: none;">手机号</label>
				   </td>
				   <td align="left">
					  	<input name="relatedUnitsContactsList[${stuts.index }].email" maxlength="15" 
					  		type="text" class="inputxt"  style="width:120px;"  value="${poVal.email }">
					  <label class="Validform_label" style="display: none;">邮箱</label>
				   </td>
				   <td align="left">
					  	<input name="relatedUnitsContactsList[${stuts.index }].wechatNo" maxlength="32" 
					  		type="text" class="inputxt"  style="width:120px;"  value="${poVal.wechatNo }">
					  <label class="Validform_label" style="display: none;">微信</label>
				   </td>
				   <td align="left">
					  	<input name="relatedUnitsContactsList[${stuts.index }].qqNo" maxlength="20" 
					  		type="text" class="inputxt"  style="width:120px;"  value="${poVal.qqNo }">
					  <label class="Validform_label" style="display: none;">座机</label>
				   </td>
				   <td align="left">
							<input name="relatedUnitsContactsList[${stuts.index }].birthday" maxlength="32" 
					  		type="text" class="Wdate" onClick="WdatePicker()"  style="width:120px;"    value="<fmt:formatDate value='${poVal.birthday}' type="date" pattern="yyyy-MM-dd"/>">
					  <label class="Validform_label" style="display: none;">生日</label>
				   </td>
   			</tr>
		</c:forEach>
	</c:if>	
	</tbody>
</table>