├── README.md
├── pom.xml
└── src
    └── main
        ├── java
            └── com
            │   └── thymeleafexamples
            │       └── select
            │           ├── config
            │               ├── SpringWebInitializer.java
            │               └── WebMvcConfig.java
            │           ├── dao
            │               ├── HobbyDao.java
            │               └── UserDao.java
            │           ├── domain
            │               ├── Hobby.java
            │               └── User.java
            │           └── web
            │               ├── HobbyFormatter.java
            │               └── IndexController.java
        └── webapp
            └── WEB-INF
                ├── templates
                    ├── editCheckbox.html
                    ├── editSelect.html
                    └── index.html
                └── web.xml


/README.md:
--------------------------------------------------------------------------------
 1 | thymeleafexamples-selectmultiple
 2 | ================================
 3 | 
 4 | Example application to illustrate one forum question (problem with select multiple).
 5 | 
 6 | This example uses:
 7 | * Spring 4 with Java config
 8 | * Thymeleaf 2.1
 9 | * Spring conversion service
10 | 
11 | 


--------------------------------------------------------------------------------
/pom.xml:
--------------------------------------------------------------------------------
 1 | <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 2 | 		 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
 3 | 	<modelVersion>4.0.0</modelVersion>
 4 | 
 5 | 	<groupId>com.thymeleafexamples</groupId>
 6 | 	<artifactId>select</artifactId>
 7 | 	<version>1.0-SNAPSHOT</version>
 8 | 	<packaging>war</packaging>
 9 | 
10 | 	<name>Thymeleaf select multiple example</name>
11 | 
12 | 	<properties>
13 | 		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
14 | 		<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
15 | 		<thymeleaf.version>2.1.2.RELEASE</thymeleaf.version>
16 | 		<spring.version>4.0.2.RELEASE</spring.version>
17 | 	 <maven.compiler.source>1.7</maven.compiler.source>
18 | 	 <maven.compiler.target>1.7</maven.compiler.target>
19 | 	</properties>
20 | 	
21 | 	<dependencies>
22 | 		<!-- Provided dependencies -->
23 | 		<dependency>
24 | 			<groupId>javax</groupId>
25 | 			<artifactId>javaee-web-api</artifactId>
26 | 			<version>7.0</version>
27 | 			<scope>provided</scope>
28 | 		</dependency>
29 | 		<!-- Compile dependencies -->
30 | 		<dependency>
31 | 			<groupId>org.springframework</groupId>
32 | 			<artifactId>spring-context-support</artifactId>
33 | 			<version>${spring.version}</version>
34 | 		</dependency>
35 | 		<dependency>
36 | 			<groupId>org.springframework</groupId>
37 | 			<artifactId>spring-webmvc</artifactId>
38 | 			<version>${spring.version}</version>
39 | 		</dependency>
40 | 		<dependency>
41 | 			<groupId>org.thymeleaf</groupId>
42 | 			<artifactId>thymeleaf</artifactId>
43 | 			<version>${thymeleaf.version}</version>
44 | 		</dependency>
45 | 		<dependency>
46 | 			<groupId>org.thymeleaf</groupId>
47 | 			<artifactId>thymeleaf-spring4</artifactId>
48 | 			<version>${thymeleaf.version}</version>
49 | 		</dependency>
50 | 	</dependencies>
51 | 
52 | 	<build>
53 | 		<finalName>select</finalName>
54 | 	</build>
55 | 
56 | </project>
57 | 


--------------------------------------------------------------------------------
/src/main/java/com/thymeleafexamples/select/config/SpringWebInitializer.java:
--------------------------------------------------------------------------------
 1 | package com.thymeleafexamples.select.config;
 2 | 
 3 | import javax.servlet.ServletContext;
 4 | import javax.servlet.ServletException;
 5 | import javax.servlet.ServletRegistration.Dynamic;
 6 | import org.springframework.web.WebApplicationInitializer;
 7 | import org.springframework.web.context.support.AnnotationConfigWebApplicationContext;
 8 | import org.springframework.web.servlet.DispatcherServlet;
 9 | 
10 | /**
11 |  *  Spring configuration and Spring MVC bootstrapping.
12 |  */
13 | public class SpringWebInitializer implements WebApplicationInitializer {
14 | 
15 | 	@Override
16 | 	public void onStartup(ServletContext servletContext) throws ServletException {
17 | 		AnnotationConfigWebApplicationContext context = new AnnotationConfigWebApplicationContext();
18 | 		context.register(WebMvcConfig.class);
19 | 		context.setServletContext(servletContext);
20 | 		// Spring MVC front controller
21 | 		Dynamic servlet = servletContext.addServlet("dispatcher", new DispatcherServlet(context));
22 | 		servlet.addMapping("/");
23 | 		servlet.setLoadOnStartup(1);
24 | 	}
25 | }
26 | 


--------------------------------------------------------------------------------
/src/main/java/com/thymeleafexamples/select/config/WebMvcConfig.java:
--------------------------------------------------------------------------------
 1 | package com.thymeleafexamples.select.config;
 2 | 
 3 | import com.thymeleafexamples.select.web.HobbyFormatter;
 4 | import org.springframework.context.annotation.Bean;
 5 | import org.springframework.context.annotation.ComponentScan;
 6 | import org.springframework.context.annotation.Configuration;
 7 | import org.springframework.format.FormatterRegistry;
 8 | import org.springframework.web.servlet.config.annotation.EnableWebMvc;
 9 | import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
10 | import org.thymeleaf.spring4.SpringTemplateEngine;
11 | import org.thymeleaf.spring4.view.ThymeleafViewResolver;
12 | import org.thymeleaf.templateresolver.ServletContextTemplateResolver;
13 | 
14 | /**
15 |  * Spring MVC configuration.
16 |  */
17 | @Configuration
18 | @EnableWebMvc
19 | @ComponentScan("com.thymeleafexamples.select")
20 | public class WebMvcConfig extends WebMvcConfigurerAdapter {
21 | 
22 | 	private static final String ENCODING = "UTF-8";
23 | 
24 | 	@Bean
25 | 	public ServletContextTemplateResolver templateResolver() {
26 | 		ServletContextTemplateResolver resolver = new ServletContextTemplateResolver();
27 | 		resolver.setPrefix("/WEB-INF/templates/");
28 | 		resolver.setSuffix(".html");
29 | 		resolver.setTemplateMode("HTML5");
30 | 		resolver.setCacheable(false);
31 | 		return resolver;
32 | 	}
33 | 
34 | 	@Bean
35 | 	public SpringTemplateEngine templateEngine() {
36 | 		SpringTemplateEngine engine = new SpringTemplateEngine();
37 | 		engine.setTemplateResolver(templateResolver());
38 | 		return engine;
39 | 	}
40 | 
41 | 	@Bean
42 | 	public ThymeleafViewResolver thymeleafViewResolver() {
43 | 		ThymeleafViewResolver resolver = new ThymeleafViewResolver();
44 | 		resolver.setCharacterEncoding(ENCODING);
45 | 		resolver.setTemplateEngine(templateEngine());
46 | 		return resolver;
47 | 	}
48 | 
49 | 	@Override
50 |     public void addFormatters(FormatterRegistry formatterRegistry) {
51 |         formatterRegistry.addFormatter(new HobbyFormatter());
52 |     }
53 | }
54 | 


--------------------------------------------------------------------------------
/src/main/java/com/thymeleafexamples/select/dao/HobbyDao.java:
--------------------------------------------------------------------------------
 1 | package com.thymeleafexamples.select.dao;
 2 | 
 3 | import com.thymeleafexamples.select.domain.Hobby;
 4 | import java.util.Collection;
 5 | import java.util.HashMap;
 6 | import org.springframework.stereotype.Service;
 7 | 
 8 | @Service
 9 | public class HobbyDao {
10 | 
11 | 	private HashMap<String, Hobby> ALL_HOBBIES = new HashMap<String, Hobby>(){{
12 | 		put("CNM", new Hobby("CNM", "Cinema"));
13 | 		put("FTB", new Hobby("FTB", "Football"));
14 | 		put("PAI", new Hobby("PAI", "Painting"));
15 | 		put("PKR", new Hobby("PKR", "Poker"));
16 | 		put("DRT", new Hobby("DRT", "Darts"));
17 | 		put("POL", new Hobby("POL", "Pool"));
18 | 		put("SWI", new Hobby("SWI", "Swimming"));
19 | 		put("OPR", new Hobby("OPR", "Opera"));
20 | 	}};
21 | 
22 | 	public Collection<Hobby> findAll() {
23 | 		return ALL_HOBBIES.values();
24 | 	}
25 | 
26 | 	public Hobby findOne(String id) {
27 | 		return ALL_HOBBIES.get(id);
28 | 	}
29 | }
30 | 


--------------------------------------------------------------------------------
/src/main/java/com/thymeleafexamples/select/dao/UserDao.java:
--------------------------------------------------------------------------------
 1 | package com.thymeleafexamples.select.dao;
 2 | 
 3 | import com.thymeleafexamples.select.domain.Hobby;
 4 | import com.thymeleafexamples.select.domain.User;
 5 | import java.util.ArrayList;
 6 | import java.util.List;
 7 | import org.springframework.beans.factory.annotation.Autowired;
 8 | import org.springframework.stereotype.Service;
 9 | 
10 | @Service
11 | public class UserDao {
12 | 
13 | 	@Autowired HobbyDao hobbyDao;
14 | 
15 | 	private final List<Hobby> DEFAULT_HOBBIES = new ArrayList<Hobby>(){{
16 | 		add(new Hobby("CNM", "Cinema"));
17 | 		add(new Hobby("PKR", "Poker"));
18 | 		add(new Hobby("SWI", "Swimming"));
19 | 	}};
20 | 
21 | 	private final User MEMORY_USER = new User("USR101", DEFAULT_HOBBIES);
22 | 
23 | 	public User findOne() {
24 | 		return MEMORY_USER;
25 | 	}
26 | 
27 | 	public void save(User user) {
28 | 		List<Hobby> newHobbies = new ArrayList<>();
29 | 		if (user.getHobbies() != null) {
30 | 			for (Hobby hobby : user.getHobbies()) {
31 | 				newHobbies.add(hobbyDao.findOne(hobby.getId()));
32 | 			}
33 | 		}
34 | 		MEMORY_USER.setHobbies(newHobbies);
35 | 	}
36 | }
37 | 


--------------------------------------------------------------------------------
/src/main/java/com/thymeleafexamples/select/domain/Hobby.java:
--------------------------------------------------------------------------------
 1 | package com.thymeleafexamples.select.domain;
 2 | 
 3 | import java.util.Objects;
 4 | 
 5 | public class Hobby {
 6 | 
 7 | 	private String id;
 8 | 
 9 | 	private String description;
10 | 
11 | 	public Hobby() {
12 | 	}
13 | 
14 | 	public Hobby(String id, String description) {
15 | 		this.id = id;
16 | 		this.description = description;
17 | 	}
18 | 
19 | 	public String getId() {
20 | 		return id;
21 | 	}
22 | 
23 | 	public void setId(String id) {
24 | 		this.id = id;
25 | 	}
26 | 
27 | 	public String getDescription() {
28 | 		return description;
29 | 	}
30 | 
31 | 	@Override
32 | 	public int hashCode() {
33 | 		int hash = 5;
34 | 		hash = 83 * hash + Objects.hashCode(this.id);
35 | 		return hash;
36 | 	}
37 | 
38 | 	@Override
39 | 	public boolean equals(Object obj) {
40 | 		if (obj == null) {
41 | 			return false;
42 | 		}
43 | 		if (getClass() != obj.getClass()) {
44 | 			return false;
45 | 		}
46 | 		final Hobby other = (Hobby) obj;
47 | 		if (!Objects.equals(this.id, other.id)) {
48 | 			return false;
49 | 		}
50 | 		return true;
51 | 	}
52 | 
53 | 	public void setDescription(String description) {
54 | 		this.description = description;
55 | 	}
56 | }
57 | 
58 | 


--------------------------------------------------------------------------------
/src/main/java/com/thymeleafexamples/select/domain/User.java:
--------------------------------------------------------------------------------
 1 | package com.thymeleafexamples.select.domain;
 2 | 
 3 | import java.util.List;
 4 | 
 5 | public class User {
 6 | 
 7 | 	private String id;
 8 | 
 9 | 	private List<Hobby> hobbies;
10 | 
11 | 	public User() {
12 | 	}
13 | 
14 | 	public User(String id, List<Hobby> hobbies) {
15 | 		this.id = id;
16 | 		this.hobbies = hobbies;
17 | 	}
18 | 
19 | 	public String getId() {
20 | 		return id;
21 | 	}
22 | 
23 | 	public void setId(String id) {
24 | 		this.id = id;
25 | 	}
26 | 
27 | 	public List<Hobby> getHobbies() {
28 | 		return hobbies;
29 | 	}
30 | 
31 | 	public void setHobbies(List<Hobby> hobbies) {
32 | 		this.hobbies = hobbies;
33 | 	}
34 | }
35 | 


--------------------------------------------------------------------------------
/src/main/java/com/thymeleafexamples/select/web/HobbyFormatter.java:
--------------------------------------------------------------------------------
 1 | package com.thymeleafexamples.select.web;
 2 | 
 3 | import com.thymeleafexamples.select.domain.Hobby;
 4 | import java.text.ParseException;
 5 | import java.util.Locale;
 6 | import org.springframework.format.Formatter;
 7 | 
 8 | public class HobbyFormatter implements Formatter<Hobby> {
 9 | 
10 | 	@Override
11 | 	public String print(Hobby hobby, Locale locale) {
12 | 		return hobby.getId();
13 | 	}
14 | 
15 | 	@Override
16 | 	public Hobby parse(String id, Locale locale) throws ParseException {
17 | 		Hobby hobby = new Hobby();
18 | 		hobby.setId(id);
19 | 		return hobby;
20 | 	}
21 | }
22 | 


--------------------------------------------------------------------------------
/src/main/java/com/thymeleafexamples/select/web/IndexController.java:
--------------------------------------------------------------------------------
 1 | package com.thymeleafexamples.select.web;
 2 | 
 3 | import com.thymeleafexamples.select.dao.HobbyDao;
 4 | import com.thymeleafexamples.select.dao.UserDao;
 5 | import com.thymeleafexamples.select.domain.User;
 6 | import org.springframework.beans.factory.annotation.Autowired;
 7 | import org.springframework.stereotype.Controller;
 8 | import org.springframework.ui.Model;
 9 | import org.springframework.web.bind.annotation.RequestMapping;
10 | import org.springframework.web.bind.annotation.RequestMethod;
11 | 
12 | @Controller
13 | public class IndexController {
14 | 
15 | 	@Autowired UserDao userDao;
16 | 	@Autowired HobbyDao hobbyDao;
17 | 
18 | 	@RequestMapping(value = "/", method = RequestMethod.GET)
19 | 	public String index(Model model) {
20 | 		model.addAttribute("user", userDao.findOne());
21 | 		return "index";
22 | 	}
23 | 
24 | 	@RequestMapping(value = "/editSelect", method = RequestMethod.GET)
25 | 	public String editSelect(Model model) {
26 | 		model.addAttribute("user", userDao.findOne());
27 | 		model.addAttribute("allHobbies", hobbyDao.findAll());
28 | 		return "editSelect";
29 | 	}
30 | 
31 | 	@RequestMapping(value = "/editCheckbox", method = RequestMethod.GET)
32 | 	public String editCheckbox(Model model) {
33 | 		model.addAttribute("user", userDao.findOne());
34 | 		model.addAttribute("allHobbies", hobbyDao.findAll());
35 | 		return "editCheckbox";
36 | 	}
37 | 
38 | 	@RequestMapping(value = "/save", method = RequestMethod.POST)
39 | 	public String save(User user) {
40 | 		userDao.save(user);
41 | 		return "redirect:/";
42 | 	}
43 | }
44 | 


--------------------------------------------------------------------------------
/src/main/webapp/WEB-INF/templates/editCheckbox.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
 3 | 	<head>
 4 | 		<title>Edit user hobbies</title>
 5 | 	</head>
 6 | 	<body>
 7 | 		<h1>Edit user hobbies</h1>
 8 | 		<form th:object="${user}" action="index.html" th:action="@{/save}" method="post">
 9 | 			<input type="hidden" th:field="*{id}" />
10 | 			User hobbies (checkboxes):
11 | 			<div th:each="hobby : ${allHobbies}">
12 | 				<input type="checkbox" th:id="${{hobby}}" th:value="${{hobby}}" th:field="*{hobbies}" />
13 | 				<label th:for="${{hobby}}" th:text="${hobby.description}">Cinema</label>
14 | 			</div>
15 | 			<br />
16 | 			<input type="submit" />
17 | 		</form>
18 | 	</body>
19 | </html>


--------------------------------------------------------------------------------
/src/main/webapp/WEB-INF/templates/editSelect.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
 3 | 	<head>
 4 | 		<title>Edit user hobbies</title>
 5 | 	</head>
 6 | 	<body>
 7 | 		<h1>Edit user hobbies</h1>
 8 | 		<form th:object="${user}" action="index.html" th:action="@{/save}" method="post">
 9 | 			<input type="hidden" th:field="*{id}" />
10 | 			<label for="hobbies">User hobbies (multiple select):</label>
11 | 			<br />
12 | 			<select id="hobbies" th:field="*{hobbies}" size="10" multiple="multiple">
13 | 				<option th:each="hobby : ${allHobbies}"
14 | 						th:value="${{hobby}}"
15 | 						th:text="${hobby.description}">
16 | 					Cinema
17 | 				</option>
18 | 			</select>
19 | 			<br />
20 | 			<input type="submit" />
21 | 		</form>
22 | 	</body>
23 | </html>


--------------------------------------------------------------------------------
/src/main/webapp/WEB-INF/templates/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
 3 | 	<head>
 4 | 		<title>User hobbies</title>
 5 | 	</head>
 6 | 	<body>
 7 | 		<h1>User hobbies</h1>
 8 | 		<ul>
 9 | 			<li th:each="hobby : ${user.hobbies}"
10 | 				th:text="|${hobby.description} (${{hobby}})|">
11 | 				Cinema
12 | 			</li>
13 | 		</ul>
14 | 		<a href="editSelect">Edit user hobbies with a multiple select</a>
15 | 		<a href="editCheckbox">Edit user hobbies with checkboxes</a>
16 | 	</body>
17 | </html>


--------------------------------------------------------------------------------
/src/main/webapp/WEB-INF/web.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
3 | 		 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
4 | 		 xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
5 | 		 version="3.1">
6 | </web-app>
7 | 


--------------------------------------------------------------------------------