Question

我正在使用grails 2.4.2和bootstrap。现在，我需要使用bootstrap模式在单击按钮时编辑单个行。这意味着当我单击动作按钮时，将使用表单元素打开模态。在模态字段中给出值后，我想按下保存更改按钮来调用控制器操作，但它没有发生。任何人都可以请帮助我吗？以下是我的尝试::

按钮窗体，我在编辑窗体中打开模态::

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

我的模态＆amp;要素::

    <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"...>类型。除非您将代码添加到＆＃34; onClick＆＃34;按钮元素在按下时不会自动导致提交操作。财产这样做。使用输入类型提交按钮应该告诉表单提交给它的控制器。

或者，看看grails＆＃34; actionSubmit＆＃34; tag，与g：form一起使用。 Grails Documentation

从grails中的bootstrap模式调用控制器操作

1 个答案: