如何在Spring MVC中将复选框值传递给控制器

Question

我有一个包含函数列表的jsp页面。在控制器中，我从数据库中获取此列表并将其传递给jsp。

@RequestMapping(value = "/functionlist", method = RequestMethod.GET)
    public ModelAndView functionList(Model model) throws Exception {
        ModelAndView mv = new ModelAndView("functionList");
        mv.addObject("functionList", getFunctionsFromDB());
        return mv;
    }

在我的jsp页面中，我使用以下函数列表创建表

<table id="table">
    <thead>
    <tr>
        <th></th>
        <th>Name</th>
        <th>Action</th>
    </tr>
    </thead>
    <tbody>
    <c:choose>
        <c:when test="${not empty functionList}">
            <c:forEach var="function" items="${functionList}">
                <tr>
                    <td><input name="id" value="${function.id}" hidden></td>
                    <td>${function.name}</td>
                    <td>
                        <input type="checkbox" id="${function.id}" value="${function.action}"></td>
                </tr>
            </c:forEach>
        </c:when>
    </c:choose>
    </tbody>
</table>
<button type="submit" name="save">Save</button>

我还将函数id赋予复选框id。

我的功能实体如下

public class Function {

    private Integer id;
    private String name;
    private Boolean action;
...
}

我想按保存按钮并进入控制器“/函数列表/保存”我的复选框值列表。

Answer 1

很少的事情。首先，您应该考虑一个表单对象，它是视图和控制器之间的交换实体。表单实体将类似于以下内容：

public class Form {
private List<Function> functions;
//getters & setters
}

其次，由于您使用的是Spring MVC，因此您应该利用

<form:form  commandName="form"  action="/your/url">
<c:forEach items="${form.functions }" var="function" varStatus="status">
    <tr>
        <td><form:hidden path="functions[${status.index }].id"></td>
        <td>${function.name}</td>
        <td>
            <form:checkbox path="functions[${status.index }].action" id="${function.id}" value="${function.action}"/>
        </td>
    </tr>
</c:forEach>
</form:form>

最后控制器将是这样的

@RequestMapping(value="/your/url", method=RequestMethod.POST)
public String postForm(@ModelAttribute("form") FormForm form)
{
    //cool stuff here
}

请注意，正确的HTTP方法是POST，而不是GET。是的，我知道GET也适用，这绝对是一种不受欢迎的策略。此外，了解我如何在Form中引用函数的列表。当我必须显示数据时，我在foreach语句中使用了变量函数，当我必须绑定 object以将数据传输到控制器时，我引用了列表。最后但同样重要的是，我还没有尝试过代码。我在飞行中写了它，只是想给你一些关于如何正确操作的提示。最后一件事。由于您将表单传递给了JSP，因此您不再需要使用所使用的属性填充模型。只需用数据填充表单，并使用它在视图中显示它们即可。就像这样 $｛form.stuff.you.want｝

Answer 2

首先，您需要将name属性添加到复选框输入中。你可以在控制器上的一个数组中获得与你的名字属性相同的名字

    @RequestMapping(value = "/functionlist", method = RequestMethod.GET)
        public ModelAndView functionList(Model model,@RequestParam("checkboxname")String[] checkboxvalues) throws Exception {
        ModelAndView mv = new ModelAndView("functionList");
        mv.addObject("functionList", getFunctionsFromDB());
       return mv;
}

Answer 3

尝试将表单添加到jsp页面

  <form:form id="yourForm" action="/functionlist/save" method="POST" modelAttribute="functionList">

        <c:forEach items="${functionList}" varStatus="status" var="function">

            <tr>
                <td>${function.name}</td>
                <td>
                    <form:checkbox path="functionList[${status.index}].action"/>
                </td>
            </tr>
        </c:forEach>

        <input type="submit" value="submit" />
    </form:form>

在控制器中，您应该有这样的方法

  @RequestMapping(value = { "/functionlist/save" }, method = RequestMethod.POST)
    public String savePerson(@ModelAttribute("functionList")List<Function> functionList) {
        // process your list
    }

如果这不起作用，你可以尝试包装你的清单。

public class FunctionListWrapper {
    private List<Function> functionList;

    public FunctionListWrapper() {
        this.functionList = new ArrayList<Function>();
    }

    public List<Function> getFunctionList() {
        return functionList;
    }

    public void setFunctionList(List<Function> functionList) {
        this.functionList = functionList;
    }

    public void add(Function function) {
        this.functionList.add(function);
    }
}

在控制器中而不是传递列表，传递包装器

  FunctionListWrapper functionListWrapper=new FunctionListWrapper();
        functionListWrapper.setFunctionList(userService.getFunctionList());
        mv.addObject("functionListWrapper", functionListWrapper);

有关详细信息，请查看此问题：问题1和问题2