Question

我正在开发Sailjs Web应用程序。在一个地方，我必须显示一个模态窗口（引导程序4模态对话框类），其中显示了可供选择的项目列表。除了“关闭”按钮之外，我还添加了“选择”按钮，应该对其进行处理以获取所选项目。

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Select a Model</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="modal-body">
        <label class="text-muted">Multiple Select Picker</label>
        <select class="custom-select" multiple>

            <%
            models.forEach(function(item)  {
            %>
                <option value='<%= item.name%>'><%= item.name %></option>
            <%
            })
            %>
        </select>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary" id="SelectModelButton">Select</button>
    </div>
    </div>
</div>
</div>

在sailsjs应用程序结构中，有一个带有以下代码的.js文件：

methods: {
    //…
    SelectModelButton: function() {
      window.alert("Hello");
      this.close();
    },
  }

但是，单击“选择”按钮时，不会触发上述代码。我想念什么或做错什么？

Sailsjs Javascript方法未在模态按钮单击上触发

0 个答案: