动态添加行（二）

来源：互联网发布：淘宝宝贝图片多大编辑：程序博客网时间：2024/06/03 16:43

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>Table动态添加行</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<script type="text/javascript">
/**
* 测试新增
*/
function addCs(){
var num_cs = $("#num_cs").val();
$("#num_cs").val(eval(num_cs) + 1);
var x=$("#num_cs").val();

var csObjtr = $("#cs tr");
var csObj = $("#cs");
//需要动态新增行
if(csObjtr.length<x) {
for(var flag=csObjtr.length+1;flag<=x;flag++)
{
var shtml = "<tr><td>序号："+flag+"</td>";
shtml+="<td>ID：<input value='lixuan" + flag + "' type='text'"+"/> <font color='red'>*</font></td></tr>";
csObj.append(shtml);
}
}
}

//获取table中数据并传入controller,此方法不属于本界面
function save(){
$("#fyfs").val($("#fyfsxf").val());
var mrjqxxxftbData="";
var xftr=$("#mrjqxxxftb tr");
xftr.each(
function()
{
var sj=$(this).find("[name='sj']").val();
var cbjdj=$(this).find("[name='cbjdj']").val();
var fydj=$(this).find("[name='fydj']").val();
mrjqxxxftbData+=sj+"@"+cbjdj+"@"+fydj+"##";
}

);
$("#mrjqxxxftbData").val(mrjqxxxftbData);
}

</script>
<body>
<table width="30%" class="second_table" >
<input id="mrjqxxxftbData" type="hidden" name="mrjqxxxftbData" />
<tbody id="cs">
<tr>
<td>序号：1</td>
<td>ID：<input value="lixuan1" type="text"/> <font color='red'>*</font>
  <i class="add_icon" style="cursor:pointer" onclick="addCs();"/>
</td>
<input type="hidden" id="num_cs" value="1"/>
</tr>
</tbody>
</table>
</body>
</html>

在controller中解析数据

String[] mrjgArr=mrjqxxxftbData.split("##");//根据"##"分组，每组为一日数据

for(int i=0;i<mrjgArr.length;i++)
{
//将每日数据拆分
String []jgArr=mrjgArr[i].split("@");
if(jgArr.length==3)
{
Map mapmr=new HashMap();
mapmr.put("rq",jgArr[0]);
mapmr.put("ff",jgArr[1]);
mapmr.put("ft","0");
mapmr.put("mrkrje",NumberUtils.toDouble(jgArr[1])*NumberUtils.toDouble(dd.getFyl())/100);
mapmr.put("mrzff",NumberUtils.toDouble(jgArr[1]));
xsjPrice+=NumberUtils.toDouble(jgArr[1]);
cbjTotalPrice+=NumberUtils.toDouble(jgArr[1]);
mapmrjgs.add(mapmr);
}

}

0 0