时间戳

首页 > 解决方案 > 如何修复百里香按钮？

bootstrap-4 - 如何修复百里香按钮？

问题描述

有两个这样的按钮：

在此处输入图像描述

我必须从下拉列表中选择“接受”或“拒绝”，然后我必须通过“更新”按钮进行确认。

这是代码：

            <div id="dropdown-accept-reject">
                <select th:field="*{status}" class="btn btn-light col-1 offset-sm-9 font-button">
                    <option th:value='Accepted' th:text="Accept"></option>
                    <option th:value='Rejected' th:text="Reject"></option>
                </select>
            </div>

            <button type="submit" class="btn btn-light col-1 offset-sm-9 font-button">Update</button>

但是...最后我想删除下拉列表，并且只有两个单独的按钮“接受”和“拒绝”。

如何更改代码来实现这一点？

在此处输入图像描述

标签： bootstrap-4thymeleaf

解决方案

我相信如果用户接受或拒绝申请，您将有一个表格可以发布。在这种情况下，更新您的 html 如下

<form action="#" data-th-action="@{/approval}" data-th-object="${model}" method="post">
    <!-- other form inputs here -->
    <button type="submit" name="action" value="accept">Accept</button>
    <button type="submit" name="action" value="reject">Reject</button>
</form>

接下来在控制器中使用 2 种不同的方法来处理每个动作，如下所示

@RequestMapping(value="/approval", method=RequestMethod.POST, params="action=accept")
public ModelAndView accept() {}

@RequestMapping(value="/approval", method=RequestMethod.POST, params="action=reject")
public ModelAndView reject() {}

推荐阅读