質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.79%

画面遷移後の検索入力値保持の方法

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 562
退会済みユーザー

退会済みユーザー

あいまい検索(例:「田」と入力)を行った際に検索結果画面に遷移すると、テキストに入力した「田」が消えてしまいます。
またプルダウン選択の部署名検索も同様です。
遷移後も何で検索をかけたかが分かるように保持した状態にしたいのですが、どのように記述すればよいのでしょうか。

コード
<div class="title">社員名検索</div>
            <div class="form">
                <form method="post" th:action="@{/find}">
                    <input type="text" name="empName" />
                    <input type="submit" value="検索" />
                </form>
            </div>
            <div class="title">部署名検索</div>
            <div class="form">
                <form method="post" th:action="@{/findDept}">
                    <select name="deptId">
                        <option value="1" selected="selected">営業部</option>
                        <option value="2">経理部</option>
                        <option value="3">総務部</option>
                    </select>
                    <input type="submit" value="検索" />
                </form>
            </div>
コード
<table class="emp_list_table">
                <tr>
                    <th class="empId">社員ID</th>
                    <th class="empName">社員名</th>
                    <!-- <th:block th:if="${session.employee.authority == 2}"> -->
                    <th class="gender">性別</th>
                    <th class="address">住所</th>
                    <th class="birthday">生年月日</th>
                    <th class="authority">権限</th>
                    </th:block>
                    <th class="deptName">部署名</th>
                    <!-- <th:block th:if="${session.employee.authority == 2}"> -->
                    <th class="button" >変更</th>
                    <th class="button" >削除</th>
                    </th:block>
                </tr>
                <tr th:each="employee:${employees}">
                    <td th:text="${employee.empId}"></td>
                    <td th:text="${employee.empName}"></td>
                    <!-- <th:block th:if="${session.employee.authority == 2}"> -->
                    <td>
                        <div th:if="${employee.gender == 1}">男性</div>
                        <div th:if="${employee.gender == 2}">女性</div>
                    </td>
                    <td th:text="${employee.address}"></td>
                    <td th:text="${#dates.format(employee.birthday, 'yyyy/MM/dd')}"></td>
                    <td> 
                        <div th:if="${employee.authority == 1}">一般</div>
                        <div th:if="${employee.authority == 2}">管理者</div>
                    </td>
                    </th:block>
                    <td th:text="${employee.department.deptName}"></td>
                    <!-- <th:block th:if="${session.employee.authority == 2}"> -->
                    <td class="button">
                        <form method="get" th:action="@{/update/input}">
                            <input type="hidden" name="empId" th:value="${employee.empId}" />
                            <input type="hidden" name="deptId" th:value="${employee.department.deptId}" />
                            <input type="submit" value="変更" />
                        </form>
                    </td>
                    <td class="button">
                        <form method="get" th:action="@{/delete/check}">
                            <input type="hidden" name="empId" th:value="${employee.empId}" />
                            <input type="submit" value="削除" class="delete" />
                        </form>
                    </td>
                    </th:block>
                </tr>
            </table>
コード
/**
     * 社員名検索処理
     * @param model
     * @param empName
     * @return 一覧画面
     */
    @RequestMapping(path = "/find", method = RequestMethod.POST)
    public String find(Model model, String empName) {
        //▼名前の検索実施
        List<Employee> employees = employeeRepository.findByEmpNameLike("%" + empName + "%");
        model.addAttribute("employees", employees);
        return "list/list";
    }

    /**
     * 部署名検索処理
     * @param model
     * @param deptId
     * @return 一覧画面
     */
    @RequestMapping(path = "/findDept", method = RequestMethod.POST)
    public String find(Model model, int deptId) {
        //▼部署の検索実施
        Department department = new Department();
        department.setDeptId(deptId);
        List<Employee> employees = employeeRepository.findByDepartment(department);
        model.addAttribute("employees", employees);
        return "list/list";
    }
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

Controllerにて、取得したempNameをModelへ格納していないのと

<input type="text" name="empName" />

に、入力された値を出力する th:value="${empName}" がないので、表示されません。

<select>も同様に、選択した値をModelに格納して、th:select を使うことで実現できるでしょう。
th:select で検索すると使い方が出てきます。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/07/22 21:17

    ご回答いただきありがとございました! 教えていただいた方法で試してみたところ無事解決できました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.79%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る