动态添加行(二)

    xiaoxiao2021-03-25  132

    <%@ 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"  οnclick="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); } }
    转载请注明原文地址: https://ju.6miu.com/read-3601.html

    最新回复(0)