Thymeleaf + Spring MVC中的绑定复选框

时间:2016-02-16 12:04:58

标签: hibernate spring-mvc spring-boot thymeleaf

我的Spring MVC应用程序基于Spring boot 1.2.8,Thymeleaf,Hibernate和Hateos。我是一个实体"市场"使用字段"启用"类型为布尔值。

@Entity
@Table(name = "market")
public class Market {
.....
private Boolean enabled;
....
public Boolean getEnabled() {
        return enabled;
    }

    public void setEnabled(Boolean enabled) {
        this.enabled = enabled;
    }
}

" / create"

的控制器代码
@RequestMapping(value = "/create", method = RequestMethod.GET)
public ModelAndView create() {
    return new ModelAndView("market/create")
            .addObject("list", linkTo(methodOn(MarketController.class).list())
                    .withRel("List"))
            .addObject("market", new Market())
            .addObject("postLink",
                    linkTo(methodOn(MarketController.class).save(null, null, null, null))
                            .withRel("Save"));
}

模板" market / create",ref。 http://www.thymeleaf.org/doc/tutorials/2.1/thymeleafspring.html#checkbox-fields

    <form th:action="${postLink.href}" th:object="${market}" method="post">
        ....
        <div class="form-group">
            <label th:for="${#ids.next('enabled')}" th:text="#{market.enabled}">Enabled</label>
            <input type="checkbox" th:field="*{enabled}" />
        </div>
        ....
    </form>

在浏览器中打开/ market / create时,使用复选框

获取以下异常
Cause: org.thymeleaf.exceptions.TemplateProcessingException Attribute "value" is required in "input(checkbox)" tags when binding to non-boolean values 

为什么Thymeleaf会考虑这个领域&#34;启用&#34;作为非布尔类型?我尽力找出原因,但徒劳无功。 Plz给出了解决它的一些提示。感谢。

3 个答案:

答案 0 :(得分:0)

在任何情况下,属性value都是必需的。

尝试这样的事情:<input type="checkbox" th:field="*{enabled}" value="true" />。检查输入时,enabled字段应由true设置; null,否则

答案 1 :(得分:0)

尝试将您的属性命名为“已启用”以外的其他内容,可能是“marketEnabled”。

答案 2 :(得分:-1)

控制器

@Controller
public class BaseController {

    @GetMapping("/")
    private String index(DemoDto demoDto){
        return "index";
    }

    @PostMapping("/")
    private String receiveValues(DemoDto demoDto) {
        System.out.println(demoDto);
        return "index";
    }

}

DTO

public class DemoDto {
    private String name;
    private boolean global;

    //getter setter for name

    public boolean isGlobal() {
        return global;
    }
    public void setGlobal(boolean global) {
        this.global = global;
    }

    //toString()
}

HTML

<body>
    <form th:action="@{/}" th:method="post" th:object="${demoDto}">
        <label>Enter Name:</label> 
            <input type="text" th:field="*{name}" name="name"> 
        <br/>
        <label>Global</label>
            <input type="checkbox" th:field="${demoDto.global}"/>
        <input type="submit" value="Submit">
    </form>

</body>

最重要的是如何定义th:field="${demoDto.global}"。这里$和对象名demoDto都是必需的。

将生成html代码。

<body>
    <form action="/" method="post">
        <label>Enter Name:</label> 
            <input type="text" name="name" id="name" value=""> 
        <br/>
        <label>Global</label>
            <input type="checkbox" id="global1" name="global" value="true"/>
            <input type="hidden" name="_global" value="on"/>
        <input type="submit" value="Submit">
    </form>

</body>

从ui提交时收到:

DemoDto [name=Dev, global=true]