文档章节

form表单提交 list对象给Java 后台结合

之渊
 之渊
发布于 2016/12/09 15:25
字数 394
阅读 572
收藏 0

 <div class="form-group" style="display: none;">
                    <!-- 保存使用 -->
                    <label class="col-sm-1 control-label " >员工计划id</label>
                        <div class="col-sm-8">
                            <input type="text"  name="pscoreVoc[${planeeMy.num}].eeplanid" 
                             class="form-field col-xs-10 col-sm-4"
                              value="${planeeMy.hepplaneePo.id}" 
                               />
                        </div>
                    <label class="col-sm-1 control-label " >员工计划类别</label>
                        <div class="col-sm-8">
                            <input type="text"  name="pscoreVoc[${planeeMy.num}].type" 
                             class="form-field col-xs-10 col-sm-4"
                              value="${planeeMy.hepplaneePo.type}" 
                               />
                        </div>
                </div>

上面是结合了 freemker 的,如果是 jsp也是类似的。可以通过后端传过来的数据控制 ,元素的命名

 

同理如果是 动态 新增提交的话,可以动态生成input

$(".form_list_ul").each(function(i){
             var mat = $(this).find('[name="mat"]').val();
             var peDetails_inciseWay = $(this).find('[name="peDetails_inciseWay"]').val();
             var num = $(this).find('[name="Number_id"]').val();
             var requi = $(this).find('[name="peDetails_explain"]').val();
             var thickness = $(this).find("input[name='peDetails_thickness0']").val();
             var width = $(this).find("input[name='peDetails_width0']").val();
             var length = $(this).find("input[name='peDetails_length0']").val();
             var consultWeight  = $(this).find("input[name='Reference']").val();
             var modelNo  = $(this).find("input[name='modelNo']").val();
            if (mat != "" && thickness != "" && width != "" && length != "") {
            var peDetails_spec_type = parseInt($(this).find('[name="type1"]').val());       
            var dataItem = {
                "id": $(this).find("input[name='peDetails_id']").val(),
                "inciseWay": peDetails_inciseWay,//切割方式
                "texture" : mat,//材质
                "num": num,//件数
                "specType": peDetails_spec_type,//类型
                "thickness": thickness,
                "width": width,
                "length": length,
                "explain":$(this).find("textarea[name='peDetails_explain']").val(),
                "consultWeight":consultWeight,//参考重量
                "modelNo":modelNo//模号
            };
            $("#enquiry_details").append(createEnquiryDetailHidden(dataItem, i));
            }
        });

 

 

function createEnquiryDetailHidden(item, i){    
        var hiddenHtml = [];
        var nameStart = "peDetails["+count+"].";
        hiddenHtml.push(createHiddenField(nameStart+"id", item.id));
        hiddenHtml.push(createHiddenField(nameStart+"texture", item.texture));
        hiddenHtml.push(createHiddenField(nameStart+"inciseWay", item.inciseWay));
        hiddenHtml.push(createHiddenField(nameStart+"num", item.num));
        hiddenHtml.push(createHiddenField(nameStart+"specType", item.specType));
        if(item.specType == 1 || item.specType == 2 || item.specType == 5 || item.specType == 6){
            hiddenHtml.push(createHiddenField(nameStart+"thickness", item.thickness));
            hiddenHtml.push(createHiddenField(nameStart+"width", item.width));
            hiddenHtml.push(createHiddenField(nameStart+"length", item.length));
        }  
        hiddenHtml.push(createHiddenField(nameStart+"explain", item.explain));
        hiddenHtml.push(createHiddenField(nameStart+"modelNo", item.modelNo));
        count+=1;
        return hiddenHtml.join("");
    }

    /**
     * 一个Hidden
     * @param name
     * @param value
     * @returns {String}
     */
    function createHiddenField(name, value){
        return "<input type='hidden' name='"+name+"' value='"+value+"'>\n";
    }

 

 

这样就可以使用 form 表单直接提交了

 

 

 

 

 

 

 

 

 

 

本文转载自:http://blog.csdn.net/u011493599/article/details/49153177

共有 人打赏支持
之渊
粉丝 11
博文 520
码字总数 154862
作品 0
佛山
程序员
Struts2提交页面表单数组

webwork表单提交中有一个很有用的技巧,在提交成组的类似person[0].name,person[1].name的表单中,可以利用conversion使xwork自动装配对象属性到action中: form 代码: Html代码 <form action="...

xiaoxin
2014/05/20
0
0
Android基于XMPP Smack Openfire下学习开发IM(三)会议室创建、加入以及查询

openfire 中的会议室不像QQ群一样,不能保存那些离线用户,加入会议室后,一旦断开连接,就会离开会议室。 虽然如此,但如果要实现也不是不可能,我们可以自己做后台来保存,有兴趣的可以去试...

程序袁_绪龙
2014/11/27
0
0
Spring中formdata方式提交json对象和file之一

问题 想使用vue-resource表单提交方式到spring,这个表单中包含json对象和file对象。 思路 将json对象和file对象都放到表单提交方式里面的中,并在中指定内容格式。 步骤 Spring实现和配置 ...

亚林瓜子
06/12
0
0
js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器) ...

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1.阻止浏览器的默认行为 [java] function stopDefault(e) { //如果提供了事件对象,...

java_T
2012/07/13
0
0
jQuery Validation Engine 表单验证

<script src="js/jquery.js" type="text/javascript"></script><script src="js/jquery.validationEngine-en.js" type="text/javascript"></script><script src="js/jquery.validationEngine......

MLeo
2013/01/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

MySQL SQL 常见用法

某字段重复记录 select a.fieldA from tableA a group by a.fieldA having count(a.fieldA)>1;==select * from (select a.fieldA, count(1) as faCount from tableA a group......

园领T
59分钟前
1
0
如何使用 iptables 和 firewalld 工具来管理 Linux 防火墙规则

以下是如何使用 iptables 和 firewalld 工具来管理 Linux 防火墙规则。 防火墙 防火墙是一组规则。当数据包进出受保护的网络区域时,进出内容(特别是关于其来源、目标和使用的协议等信息)会...

linuxprobe16
今天
1
0
发生系统错误 5 拒绝访问

1、使用命令net start *开启一个服务的时候,出现发生系统错误5,拒绝访问。 解决:切换到管理员模式执行此命令即可。

fang_faye
今天
1
0
devops 成长路线

https://36kr.com/p/5157249.html

swingcoder
今天
1
0
Java内存区域的划分和异常

行时数据区域 JVM在运行Java程序时候会将内存划分为若干个不同的数据区域。 程序计数器 线程私有。可看作是当前线程所执行的字节码的行号指示器,字节码解释器的工作是通过改变这个计数值来读...

架构师springboot
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部