文档章节

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

之渊
 之渊
发布于 2016/12/09 15:25
字数 394
阅读 553
收藏 0
点赞 0
评论 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
博文 492
码字总数 144126
作品 0
佛山
程序员
Spring中formdata方式提交json对象和file之一

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

亚林瓜子 ⋅ 06/12 ⋅ 0

Java反斜线(\)路径与转义字符的小坑

1.图片路径字段ImagePath, 从数据库读出,写到前台变量中, 正常(比如: uploadimage201818802-8517A000800002-1.jpg) 2.由前台向后台提交, getParameter取出则反斜线成了转义符(字符串变为: u...

javado ⋅ 06/11 ⋅ 0

Spring MVC-表单(Form)标签-列表框(Listbox)示例(转载实践)

以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_listbox.htm 说明:示例基于Spring MVC 4.1.6。 以下示例显示如何使用Spring Web MVC框架在表单中使用Listbox。首先,...

easonjim ⋅ 2017/09/04 ⋅ 0

通过 HttpAuthenticationMechanism 执行 Web 身份验证

通过 Java EE 8 中新的注解驱动的 HTTP 身份验证机制执行经典和自定义的 Servlet 身份验证 系列内容: 此内容是该系列 4 部分中的第 # 部分: Java EE 8 Security API 入门,第 2 部分 http...

Alex Theedom ⋅ 04/02 ⋅ 0

Spring MVC-表单(Form)标签-复选框集合(Checkboxes)示例(转载实践)

以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_checkboxes.htm 说明:示例基于Spring MVC 4.1.6。 以下示例显示如何使用Spring Web MVC框架在表单中使用多个复选框。...

easonjim ⋅ 2017/09/03 ⋅ 0

JavaWeb开发比较重要的面试题

JavaWeb开发比较重要的面试题 1. 编码转换:怎样将GB2312编码的字符串转换为ISO-8859-1编码的字符串? 答:示例代码如下: String s1=”你好”; String s2=new String(s1.getBytes(“GB2312”...

xj_9264 ⋅ 05/06 ⋅ 0

JAVA程序员面试题整理(较全面)

以下是在面试中可能会遇到的问题,话不多说,往下看 1、面向对象的特征有哪些方面? 2、访问修饰符public,private,protected,以及不写(默认)时的区别? 3、String 是最基本的数据类型吗? ...

编程大侠 ⋅ 04/09 ⋅ 0

HyperLedger/Fabric JAVA-SDK with 1.1

该项目可直接在github上访问。 该项目介绍如何使用fabric-sdk-java框架,基于fabric-sdk-java v1.1正式版开发,可向下兼容1.0版本。 该项目没有对原JAVA-SDK做修改,主要是结合HyperLedger F...

aberic ⋅ 06/05 ⋅ 0

基于可靠消息方案的分布式事务(二):Java中的事务

前言:在上一篇文章 基于可靠消息方案的分布式事务:Lottor介绍 中介绍了常见的分布式事务的解决方案以及笔者基于可靠消息方案实现的分布式事务组件Lottor的原理,并展示了应用的控制台管理。...

aoho ⋅ 06/01 ⋅ 0

闲谈“如何优化SSH框架的项目”

使用struts框架的好处之一就是所有action类继承一个基类,将访问控制在基类中处理.2.所有的action类都继承自baseaction,一个资源对应一个action类. 1.实现一个继承自struts的action的baseact...

thinkyoung ⋅ 2014/12/30 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

【elasticsearch】 随笔 Date datatype

一。时间类型的本质 首先json是没有时间类型的,对于es来说,时间类型的标示可以是下面三种情况 1.一个时间格式的字符串,如:"2014-11-27T08:05:32Z","2015-01-01" or "2015/01/01 12:10:3...

xiaomin0322 ⋅ 11分钟前 ⋅ 0

阿里云资源编排ROS使用教程

阿里云资源编排ROS详细内容: 阿里云资源编排ROS使用教程 资源编排(Resource Orchestration)是一种简单易用的云计算资源管理和自动化运维服务。用户通过模板描述多个云计算资源的依赖关系、...

mcy0425 ⋅ 14分钟前 ⋅ 0

适配器设计模式

1、适配器模式 把一个类的接口变换成客户端所期待的另一种接口 使原本因接口不匹配而无法在一起工作的两个类能够在一起工作 分为类的适配器模式和对象的适配器模式 2、类适配器模式 类的适配...

职业搬砖20年 ⋅ 18分钟前 ⋅ 0

npm操作报错 _stream_writable.js:61

有一天 不知道什么原因(估计和node的版本有关),无论你做什么npm的操作 都会报错/usr/local/lib/node_modules/npm/node_modules/readable-stream/lib/_stream_writable.js:61 这时候只要执...

lilugirl ⋅ 22分钟前 ⋅ 0

Eclipse安装插件的几种方式

Eclipse魅力之一就是支持可扩展的插件,来丰富自身的功能,这种方式也是建立在开源思想之上的。具体使用什么方式去安装插件,要看我们拿到的是什么。 1. 拿到的是一串URL,如http://subclips...

GordonNemo ⋅ 24分钟前 ⋅ 0

div图片叠加

css实现代码如下: <div style="position: relative;"><!--这个层为外面的父层,需设置相对位置样式--> <div style="position: absolute;"><!--子层,需设置绝对位置样式--> <i......

niithub ⋅ 25分钟前 ⋅ 0

作用域slot

如果父组件需要使用子组件中的内容怎么办,比如父组件需要控制子组件的显示 <div id="root"><child><template slot-scope="props"><h1>{{props.item}} <div>编辑</div></h1><......

金于虎 ⋅ 28分钟前 ⋅ 1

HongHu commonservice-eureka 项目构建过程

上一篇我们回顾了关于 spring cloud eureka的相关基础知识,现在我们针对于HongHu cloud的eureka项目做以下构建,整个构建的过程很简单,我会将每一步都构建过程记录下来,希望可以帮助到大家...

明理萝 ⋅ 31分钟前 ⋅ 1

xml和对象的相互转化

@Data//setter和getter方法,toString和equals,hashcode方法@EqualsAndHashCode//代表重写equals和hashcode方法@XmlAccessorType(XmlAccessType.FIELD)public class Classroom {@X......

拐美人 ⋅ 31分钟前 ⋅ 0

tableView cell的高度 分组头部尾部的高度 自适应

@property (nonatomic) CGFloat rowHeight; // default is UITableViewAutomaticDimension@property (nonatomic) CGFloat sectionHeaderHeight; // default is UITableViewA......

娜一片蓝色星海 ⋅ 32分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部