web-dev-qa-db-ja.com

thymeleafとspringを使用してドロップダウンにリストを取り込む方法

文字列のリスト内のすべての値をドロップダウンに追加する必要があります。

コントローラークラス

@RequestMapping(value = "/generateIds", method = RequestMethod.GET)
public String launchPage(Model model) {
    List<Municipality> municipalities = rCountryService.finaAllMunicipalities();
    //assume the list is populated with values
    List<String> countryName = new ArrayList<String>();
    for(int i=0; i<municipalities.size(); i++) {
        countryName.add(municipalities.get(i).getCountry().toString());
    }
    model.addAttribute("countryName ", countryName );

    return "generateIds";
}

HTMLの開始点がわからなかったので、これから始めました

<select th:field="*{countryName }">
    <option value="default">Select a country</option>
    <option th:each="${countryName }" th:value="${countryName }"th:text="${countryName }"/>
</select>

リストのすべての要素をドロップダウンオプションとして追加するには、私のhtml/controllerはどのように見えますか？

前もって感謝します！

javahtmlspringthymeleaf
14
Roman Paolucci

これが、ドロップダウンリストを作成する方法です。それについてのアイデアを得るのに役立つと思います。

コントローラ

List<Operator> operators =  operatorService.getAllOperaors()
model.addAttribute("operators", operators);

モデル

  @Entity
  @Table(name = "operator")
  public class Operator {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @Column(name = "id")
    @JsonIgnore
    private Long id;

    @NotBlank(message="operator Name cannot be empty")
    @Column(name = "operator_name", nullable = false)
    private String operatorName;

    getters and setters ...

}

表示する

<div class="form-group blu-margin">
    <select class="form-control" th:field="${operator.opeId}"  id="dropOperator">
    <option value="0">select operator</option>
    <option th:each="operator : ${operators}" th:value="${operator.id}" th:text="${operator.operatorName}"></option>
    </select>
</div>
17
Hasitha Diluka

まず質問と回答に感謝します！このソリューションを使用しました。

私のモデル

@Entity
@Table(name = "test")
public class Test {

    @Id
    private String testCode;
    private String testName;
    private int price;

    public Test() {}

    public Test(String testCode, String testName, int price) {
        this.testCode = testCode;
        this.testName = testName;
        this.price = price;
    }

    public String getTestCode() {
        return testCode;
    }

    public String getTestName() {
        return testName;
    }

    public int getPrice() {
        return price;
    }
}

私の見解

    List<Test> test = new ArrayList<>();
    model.addAttribute("test", test);
    List<Test> tests = testRepository.findAll();
    model.addAttribute("tests", tests);

私のHTML

<div class="col-lg-3" th:object="${test}">
    <select class="form-control" id="testOrder" name="testOrder">
        <option value="">Select Test Order</option>
        <option th:each="test : ${tests}"
                th:value="${test.testCode}"
                th:text="${test.testCode}+' : '+${test.testName}"></option>
    </select>
</div>

私の結果

画像-モデルからのtymeleafドロップダウン

8
Thanongsak Chamung

モデルで返される文字列のリストのドロップダウンを生成するには、これらの行を使用するだけです。追加のゲッターメソッドとセッターメソッドを使用してモデルクラスを作成する必要はありません。コードは正しいですが、th：eachのcountryNameリストに返された値を保存するための変数名がありません。

<select th:field="*{countryName}">
<option value="">Select Country</option>
<option th:each="country : ${countryName}" th:value="${country}" th:text="${country}"></option>
</select>
0
Ranveer Singh

ビューでこのコードのみが必要です。

List<Test> tests = testRepository.findAll();
model.addAttribute("tests", tests);
0
Leemarshn