在Thymeleaf中,如何根据当前模型对象选择第二个:HTML选择器的选定值?

时间:2017-09-07 11:06:09

标签: java html spring-mvc spring-boot thymeleaf

从以下控制器中,我将一个资源值列表,即serviceRequestList传递给模型,然后我绑定一个HTML选择器(下拉菜单)。但是,在此页面上存在一个对象ServiceRequestDO。我希望选择器默认为当前对象的值,以便在保存更改时,用户不必记住最初的所有值,然后重置它们。有道理,对吗?是否有一些Thymeleaf条件会将某些字段的当前模型对象的值与默认选择的选择器匹配?

ServiceRequestController:

@RequestMapping(value = "edit/{id}", method = RequestMethod.GET)
    String GetEditDetails(Model model, Principal principal, @PathVariable("id") Long id, @Valid @ModelAttribute(value = "requestModel") RequestModel requestModel, BindingResult bindingResult, RedirectAttributes redirectAttributes)
    {
        UserDO currentUser = userRepository.findOneByInitialName(principal.getName());

        // Redirect to index if user is not a manager
        if (currentUser.getRole() != Role.MANAGER) {
            return "redirect:/index";
        }

        ServiceRequestDO service = serviceRequestRepository.findById(id);
        model.addAttribute("service", service);

        model.addAttribute("currentUser", currentUser);
        model.addAttribute("requestModel", new RequestModel());

        List<ServiceRequestTypeResource> serviceRequestList = serviceRequestTypeRepository.findAll();
        List<SubServiceRequestTypeResource> subServiceRequestTypeList = subServiceRequestTypeRepository.findAll();
        List<ServiceLineTypeResource> serviceLineList = serviceLineRepository.findAll();
        List<ProductTypeResource> productList = productRepository.findAll();
        List<CustomerNameTypeResource> customerNameList = customerNameRepository.findAll();
        List<LocalTeamTypeResource> localTeamList = localTeamRepository.findAll();

        serviceRequestList.sort(null);
        subServiceRequestTypeList.sort(null);
        serviceLineList.sort(null);
        productList.sort(null);
        customerNameList.sort(null);
        localTeamList.sort(null);

        /* Drop-Down List */
        model.addAttribute("serviceRequestList", serviceRequestList);
        model.addAttribute("subServiceRequestList", subServiceRequestTypeList);
        model.addAttribute("serviceLineList", serviceLineList);
        model.addAttribute("productList", productList);
        model.addAttribute("customerNameList", customerNameList);
        model.addAttribute("localTeamList", localTeamList);

        return "edit";
    }

HTML:

<tr>
   <td>
      <label rel="tooltip"
         title="" data-placement="bottom" data-html="true">Service Request Type</label>
   </td>
   <td>
      <select th:name="*{serviceRequestType}">
         <option th:each="serviceRequestItem : ${serviceRequestList}"
            th:value="${serviceRequestItem}"
            th:text="${serviceRequestItem}"
            th:selected="${service.serviceRequestType}">
         </option>
      </select>
   </td>
</tr>

使用上面的模板,选择器默认默认为列表中的底部值,例如,无论当前对象模型的${service.serviceRequestType}值如何。

1 个答案:

答案 0 :(得分:2)

如果我理解正确的话,我会那样(创建一个简单的例子):

@GetMapping("/test/{id}")
public String test(Model model, @PathVariable("id") long id) {
    //This part represent your serviceRequestRepository.findById(id);
    User requestedUser = new User(id, "User " + id);
    model.addAttribute("requestedUser", requestedUser);

    //List of users represent your serviceRequestTypeRepository.findAll();
    List<User> users = new ArrayList<>();
    users.add(new User(1, "User 1"));
    users.add(new User(2, "User 2"));
    users.add(new User(3, "User 3"));

    model.addAttribute("users", users);

    return "test";
}

你的选择看起来像那样:

<select th:name="*{requestedUser}">
  <option th:each="user : ${users}"
     th:value="${user.id}"
     th:text="${user.name}"
     th:selected="${requestedUser.id == user.id}">
  </option>
</select>

如果您现在输入http://localhost:8080/test/2,则会选择第二个用户:

<option value="1">User 1</option>
<option selected="selected" value="2">User 2</option>
<option value="3">User 3</option>