jsp页面添加一个集合数组到action(用序列化提交)

页面的js

//点击a标签增加删除
        var i=0;
        $("#a").on("click",function(){
            var $newtr = $("<tr  id=‘model‘>"
                        +"<td><input type=‘text‘ name=‘contactsList["+i+"].contactName‘ value=‘‘></td>"
                        +"<td><input type=‘text‘ name=‘contactsList["+i+"].contactTel‘ value=‘‘></td>"
                        +"<td><input type=‘text‘ name=‘contactsList["+i+"].contactFax‘ value=‘‘></td>"
                        +"<td><input type=‘text‘ name=‘contactsList["+i+"].contactEmail‘ value=‘‘></td>"
                        +"<td><input type=‘text‘ name=‘contactsList["+i+"].contactRole‘ value=‘‘></td>"
                        +"<td ><a href=‘javascript:void(0);‘ class=‘del‘>删除</a></td>"
                        +"</tr>");
              i++;
            $newtr.find(".del").click(function(){
                $(this).parents("tr").remove();
            });
            $("#fourdiv").append($newtr);
        });

页面jsp

<div id="a" style="color:blue;cursor:pointer"><h4>添加一个联系人</h4></div>
            <div id="thirddiv">
                <table id="fourdiv">
                    <tr>
                        <th>姓名</th>
                        <th>电话</th>
                        <th>传真</th>
                        <th>邮箱</th>
                        <th>职务</th>
                        <th>操作</th>
                    </tr>
                </table>
            </div>

action中接收直接用集合接收就好(遍历成对象来添加到数据库)

private List<Contacts> contactsList = new ArrayList<Contacts>();//页面接收联系人的数组
    public List<Contacts> getContactsList() {
        return contactsList;
    }

    public void setContactsList(List<Contacts> contactsList) {
        this.contactsList = contactsList;
    }
    //添加多条联系人
        for(Contacts contacts:contactsList){
            contacts.setCustomId(customs.getId());
            this.customsService.addContacts(contacts);
        }
时间: 2024-10-14 03:03:42

jsp页面添加一个集合数组到action(用序列化提交)的相关文章

JSP页面添加当前时间

JSP页面添加当前时间 一.时间格式化 1.引入标签 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 2.时间格式化 <fmt:formatDate>标签用于使用不同的方式格式化日期. <jsp:useBean id="date" class="java.util.Date" />当前时间:         

Sharepoint2013 列表的NewForm 页面添加一个 保存新建 按钮

昨天一同事问我如何在sharepoint2013的NewForm.aspx页面上添加一个 save and new的button.实现save 和new的功能,save的功能和默认的save按钮效果一至. 效果如图: 这里的思路如下: 1)用juqery来动态添加一个saveandnew的button 2)新建按钮的click事件将要调用默认save 按钮的click方法 3)新按钮的click事件后页面跳转主要取决于url的Source参数,所以我们必须改写获取该参数的方法,该参数的读取是在i

多个jsp页面共享一个js对象

今天,在项目中遇到一个问题,两个js页面要共享一个就js对象.js全局变量和静态变量都不行,其他苦逼的小农们就不要去强求了.而LZ又不想用cookie来存放,一是不安全,二个人喜好.最后发现一种超级方法来解决这个困扰,那就是用window.top['_CACHE']来存放这个变量,即可实现,不同Jsp页面直接的对象共享. var share = { /** * 跨框架数据共享接口 * @param {String} 存储的数据名 * @param {Any} 将要存储的任意数据(无此项则返回被查

实现多个JSP页面共用一个菜单

将菜单栏代码独立为一个jsp页面 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <nav class="navbar navbar-inverse navbar-fixed-top"> 4 <div class="container">

多个jsp页面共享一个js对象的超级方法

一个jsp页面为A.jsp,在A.jsp中点击一个按钮打开另一个B.jsp页面.思路如下: 在A.jsp打开B.jsp的事件中,写入如下代码: 1 2 window.top['_CACHE'] = chatFrdList; window.top['_CACHE'][frdUserId] = frdUserId; 其中,chatFrdList定义为var chatFrdList = new Object(); frdUserId为一个用户的id. 那么,在B.jsp的一个事件中,就可以执行下面的操

jsp页面:一个form,不同请求提交form

需求:一个表单中有一个请求 action="url"发送数据地址: 在表单外有一个请求,请求form表单提交的数据 我们用js来写:通过每次请求传不同的action=url; 例如: jsp: <form action="" method="post" id="form" name="from"> </form> <script> function submit(){ d

打开jsp页面自动加载多个Action的实现方法

平时我们加载Action的时候都是提交表单,或者点击按钮以后才能发起Action请求. 现在我要实现一个功能:打开一个网站的首页从数据库中立刻读取多条不同表中的数据显示在页面上.这个时候要发起多个Action请求,而且还是要自动发起请求. 实现的效果如图所示: 实现的核心代码如下:利用iframe标签的src指向Action.加载页面的时候会自动加载Action [html] view plaincopy <%@ page language="java" contentType=

Bootstrap方法为页面添加一个弹出框

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 弹出框(Popover)插件</title> <link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap

jsp页面中添加 enctype=&quot;multipart-formdata&#39;无法提交到后台得解决思路

解决产品添加页面中有提交文件的解决思路 设计原则 在jsp页面的表单里面 <form action="ArticleServlet" enctype="multipart/form-data" method="post"> <input type="hidden" name="method" value="add"> <div>  <input