Question

当我从下拉列表中选择一个选项时遇到了麻烦，但是我获得了所需的信息，但是单击的选项没有保持选中状态。有什么想法吗？

 <form   th:action="@{/values/fiatCurrency} "method="post">
                                <select     name="fiatCurrency" onchange="this.form.submit()">
                                <option id="USD"    onclick="document.getElementById(this).selected = true"  value="USD"  th:text="USD"> </option>
                                <option id="EUR"    onclick="document.getElementById(this).selected = true" value="EUR" th:text="EUR"> </option>
                                <option id="CNY"     onclick="alert( 'a ') " value="CNY"  th:text="CNY"> </option>
                                </select>
                               </form>

这是Controller类：

@Controller
public class DataController {

  private  ApiService apiService;

public DataController(ApiService apiService) {
    this.apiService = apiService;
}

@GetMapping(value = {"/values","/values/","", "/", "/index","/cryptos"} )
public String index(Model model){

    model.addAttribute("cryptos",apiService.getCrypto(100));

    return "index";
}

@PostMapping(value = "/values/fiatCurrency")
public String choseCurrency(Model model,
                            @RequestBody  String fiatCurrency) {
    String replace=fiatCurrency.replace("fiatCurrency=","");
    model.addAttribute("cryptos", apiService.getInDifferentValues(fiatCurrency));
    return "index";
}}

它总是返回美元价值。

Answer 1

您正在将fiatCurrency作为请求参数而不是请求正文发送。 Spring具有将视图表单映射到实际对象的强大机制。该对象将以@ModelAttribute的形式发送，并将在加载视图之前添加到模型中。

您的表单将是：

<form th:action="@{/values/fiatCurrency}" th:object="${fiat}" method="post">
    <select th:field="*{fiatCurrency}" onchange="this.form.submit()">
        <option id="USD" th:value="USD" th:text="USD"></option>
        <option id="EUR" th:value="EUR" th:text="EUR"></option>
        <option id="CNY" th:value="CNY" th:text="CNY"></option>
    </select>
</form>

下一步是创建菲亚特类以包装所需数据：

public class Fiat {

    private String fiatCurrency;

    //getters and setters
}

在提供视图之前，必须在模型中添加法定对象。一个简单而优雅的解决方案是在您的控制器中定义一个新方法：

@ModelAttribute
public void addModelAttribute(Map<String, Object> model) {
    model.put("fiat", new Fiat());
}

您的post方法将收到新创建的对象：

@PostMapping(value = "/values/fiatCurrency")
public String choseCurrency(Model model,
                            @ModelAttribute Fiat fiat) {
    //..
    return "index";
}

如何在Thymleaf和Spring中设置选择的选项

1 个答案: