Please enable JavaScript.
Coggle requires JavaScript to display documents.
Text Field
ModelAttribute: nối form data với đối tượng, Drop-down, Radio…
Text Field
ModelAttribute: nối form data với đối tượng
Tạo class Student
field firstName, lastName, constructor Student(), getter, setter
-
-
-
-
Drop-down
cập nhật HTML student-form.jsp
Country: <form:select path="country"> <form:option value="Brazil" label="Brazil"/>
<form:option value="France" label="France"/>
</form:select>
path: tên của thuộc tính được liên kết với trường hiện tại
-
-
cập nhật class Student, thêm getter
private LinkedHashMap <String, String> countryOptions;
public Student () {countryOptions = new LinkedHashMap<>();
countryOptions.put("BR", "Brazil");
countryOptions.put("FR", "France");}
-
cập nhật HTML student-form.jsp
Country: <form:select path="country">
<form:options items="${student.countryOptions}"/>
</form:select>
-
cập nhật class Student, thêm getter/setter cho trường mới country
Radio Button
cập nhật HTML student-form.jsp
Java: <form:radiobutton path="favoriteLanguage" value="Java"/>
C#: <form:radiobutton path="favoriteLanguage" value="C#"/>
-
-
cập nhật class Student, thêm getter/setter cho trường mới favoriteLanguage
cập nhật class Student, thêm getter
private LinkedHashMap <String, String> favoriteLanguageOptions;
public Student () {favoriteLanguageOptions= new LinkedHashMap<>();
favoriteLanguageOptions.put("Java", "Java");
favoriteLanguageOptions.put("C#", "C#");}
cập nhật HTML student-form.jsp
<form:radiobuttons path="favoriteLanguage" items="${student.favoriteLanguageOptions}" />
Checkbox
cập nhật HTML student-form.jsp
Linux <form:checkbox path="operatingSystems" value="Linux"/>
Mac OS <form:checkbox path="operatingSystems" value="Mac OS"/>
-
cập nhật class Student, thêm getter/setter cho trường mới
private String [] operatingSystems;
-
cập nhật trang xác nhận student-confirmation.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><ul>
<c:forEach var="temp" items="${student.operatingSystems}">
<li> ${temp}</li>
</c:forEach>
</ul>
-
-
-
-
-