如何固定百里香纽扣?

时间:2019-11-25 12:48:10

标签: bootstrap-4 thymeleaf

具有两个这样的按钮:

enter image description here

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

代码如下:

            <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>

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

如何更改代码以实现此目的?

enter image description here

1 个答案:

答案 0 :(得分:0)

我相信,如果用户接受或拒绝该应用程序,您将有一个表格可以发布。在这种情况下,请如下更新您的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() {}