meidu2021/daju/WebRoot/webpage/cn/com/lzt/materialsusingdetails/materialsusingDetailsList.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>

<style type="text/css">
#materialsusingDetails_table{  
    width: auto !important;
}  
.table-list {
	margin: 0;
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	overflow: hidden;
	
}

.table-list td,.table-list th {
	text-align: center;
}

.t_table {
	overflow: auto; /*让内容表格外面的div自动有滚动条*/
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
}

#tab_div_database tr {
	border-bottom: 1px solid #e6e6e6;
	cursor: n-resize;
}

</style>
<script type="text/javascript">
	$('#addOrderDetailsBtn').linkbutton({   
	    iconCls: 'icon-add'  
	});  
	$('#delOrderDetailsBtn').linkbutton({   
	    iconCls: 'icon-remove'  
	}); 
	$('#addOrderDetailsBtn').bind('click', function(){
		 //alert($("#supplierName").val());
 		 var tr =  $("#add_materialsUsingDetails_table_template tr").clone();
	 	 $("#add_materialsUsingDetails_table").append(tr);
	 	 resetTrNum('add_materialsUsingDetails_table');
	 	 getSumMoney();
		 $("#materialsUsingDetails_tablescrolldiv").scrollTop($("#materialsUsingDetails_table").height());
	 	 return false;
    });  
	$('#delOrderDetailsBtn').bind('click', function(){
      	$("#add_materialsUsingDetails_table").find("input:checked").parent().parent().remove();   
        resetTrNum('add_materialsUsingDetails_table');
        getSumMoney();
   	 $("#materialsusingDetails_tablescrolldiv").scrollTop($("#materialsusingDetails_table").height());
        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();
		}
    	var hei = window.screen.height - 680;
		//将表格的表头固定
	    $("#materialsusingDetails_table").createhftable({
	    	height:hei+'px',
			fixFooter:false
			});
	 	 resetTrNum('add_materialsUsingDetails_table');
	 	 /* getSumMoney(); */
		
    });
</script>
<div class="easyui-layout" fit="true" style="position: relative;">
<div style="padding: 3px; height: 25px;" class="datagrid-toolbar">
	 <a id="addOrderDetailsBtn" href="#">添加</a> <a id="delOrderDetailsBtn" href="#">删除</a>
</div>

<table border="0" cellpadding="2" cellspacing="0" id="materialsusingDetails_table" class="table-list"   >
	<tr bgcolor="#E6E6E6">
		<td align="center" bgcolor="#EEEEEE"><div style="width:35px">序号</div></td>
		<td align="center" bgcolor="#EEEEEE"><div style="width:35px">操作</div></td>
				<%--   <td align="center" bgcolor="#EEEEEE">
						<div style="width:136px"><span color="red" class="requiredIcon">*</span>货品编码</div>
				  </td> --%>
				  <td align="center" bgcolor="#EEEEEE">
						<div style="width:136px"><span color="red" class="requiredIcon">*</span>货品名称</div>
				  </td>
				  <td align="center" bgcolor="#EEEEEE">
						<div style="width:136px">规格型号</div>
				  </td>
				  <td align="center" bgcolor="#EEEEEE">
						<div style="width:136px"><span color="red" class="requiredIcon">*</span>计量单位</div>
				  </td>
				  <td align="center" bgcolor="#EEEEEE">
						<div style="width:136px"><span color="red" class="requiredIcon">*</span>数量</div>
				  </td>
				  <!-- <td align="center" bgcolor="#EEEEEE">
						<div style="width:136px"><span color="red" class="requiredIcon">*</span>采购单价(元)</div>
				  </td>
				  <td align="center" bgcolor="#EEEEEE">
						<div style="width:136px">金额(元)</div>
				  </td> -->
				
				  <td align="center" bgcolor="#EEEEEE">
						<div style="width:136px">备注</div>
				  </td>
			
	</tr>
	<tbody id="add_materialsUsingDetails_table">
	<c:if test="${fn:length(materialsUsingDetailsList)  > 0 }">
		<c:forEach items="${materialsUsingDetailsList}" 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="materialsUsingDetailsList[${stuts.index }].id" type="hidden" value="${poVal.id }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].bpmStatus" type="hidden" value="${poVal.bpmStatus }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].createName" type="hidden" value="${poVal.createName }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].createBy" type="hidden" value="${poVal.createBy }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].updateName" type="hidden" value="${poVal.updateName }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].updateBy" type="hidden" value="${poVal.updateBy }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].createDate" type="hidden" value="${poVal.createDate }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].updateDate" type="hidden" value="${poVal.updateDate }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].fkId" type="hidden" value="${poVal.fkId }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].goodsId" type="hidden" value="${poVal.goodsId }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].money" type="hidden" value="${poVal.money }"/>
					<input name="materialsUsingDetailsList[${stuts.index }].purchasePrice" type="hidden" value="${poVal.purchasePrice }"/>
					
				   <td align="left" style="display: none;">
					  	<input name="materialsUsingDetailsList[${stuts.index }].pnumber" maxlength="32" 
					  		type="text" class="inputxt"  style="width:130px;"  value="${poVal.pnumber }" >
					  <label class="Validform_label" style="display: none;">货品编码</label>
				   </td>
				   <td align="left">
					  	<input name="materialsUsingDetailsList[${stuts.index }].pname" maxlength="32" 
					  		type="text" class="inputxt"  style="width:130px;"  value="${poVal.pname }" >
					  <label class="Validform_label" style="display: none;">货品名称</label>
				   </td>
				   <td align="left">
					  	<input name="materialsUsingDetailsList[${stuts.index }].specType" maxlength="50" 
					  		type="text" class="inputxt"  style="width:130px;"  value="${poVal.specType }" readonly="readonly" >
					  <label class="Validform_label" style="display: none;">规格型号</label>
				   </td>
				   <td align="left">
					  	<t:dictSelect field="materialsUsingDetailsList[${stuts.index }].measureUnit" type="list" extendJson="{class:'form-control',style:'width:130px'}"
							typeGroupCode="metering_calcu_unit" defaultVal="${poVal.measureUnit}" hasLabel="false"  title="计量单位" datatype="*" ></t:dictSelect>
					  <label class="Validform_label" style="display: none;">计量单位</label>
				   </td>
				   <td align="left">
					  	<input name="materialsUsingDetailsList[${stuts.index }].quantity" maxlength="10" datatype="/^[0-9]+([.]{1}[0-9]+){0,1}$/" onKeyUp="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
					  		type="text" class="inputxt"  style="width:130px;"  value="${poVal.quantity }">
					  <label class="Validform_label" style="display: none;">数量</label>
				   </td>
				   <td align="left">
					  	<input name="materialsUsingDetailsList[${stuts.index }].remark" maxlength="100" 
					  		type="text" class="inputxt"  style="width:130px;"   value="${poVal.remark}">
					  <label class="Validform_label" style="display: none;">备注</label>
				   </td>
   			</tr>
		</c:forEach>
	</c:if>	
	</tbody>
</table>
</div>