jquery - 从grails中的bootstrap模式调用 Controller Action

Question

我正在使用grails 2.4.2和bootstrap。现在，我需要使用引导模式来单击按钮来编辑单个行。这意味着当我单击操作按钮时，模态将与表单元素一起打开。在模式字段中输入值后，我想按保存更改按钮以调用 Controller 操作，但操作没有发生。有人可以帮我吗？这是我在下面的尝试:

我在编辑表单中打开模态的按钮形式::

<span>
 <a href="" title="Change File" data-toggle="modal" data-target="#myModal">
  <span class="glyphicon glyphicon-edit"></span>
 </a>
</span>

我的模态和元素::

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Edit Add Video</h4>
            </div>

            <g:form controller="video" action="updateAddVideo" method="PUT" enctype="multipart/form-data" >
                <div class="modal-body">
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            <h5>Edit</h5>
                        </div>

                        <div class="panel panel-body">
                            <div class="col-md-12">
                                <g:hiddenField name="addVideoId" value=""/>
                                <div class="col-md-12">
                                    <label>Add Title</label>
                                    <g:textField name="addTitle" required="" class="form-control"/>
                                </div>

                                <div class="col-md-12">
                                    <label>Upload Add Video</label>
                                    <input type="file" id="videoName" name="videoName" required="" class="form-control"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </g:form>
        </div>
    </div>
</div>

Answer 1

看来您可能需要将<button>标记更改为<input type="submit"...>类型。
除非您将代码添加到“onClick”属性中，否则按钮元素在被按下时不会自动导致提交操作。使用输入类型的提交按钮应该告诉表单提交给它的 Controller 。

或者，查看grails的“actionSubmit”标记，该标记与g:form一起使用。
Grails Documentation