Question

我的数据库中有很多猫的名单

Cat(id: integer, name: string, gender: integer, home: boolean, created_at: datetime, updated_at: datetime)

在我的网页上，我希望打开Bootstrap modal，其中只有一只猫的信息。猫的id将在按钮点击时确定。在CatsController我定义了

def index
 @cats = Cat.all
end

，路径/cats/显示

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal"> Open Modal </button>

  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Header</h4>
        </div>
        <div class="modal-body">
          <p>Some text in the modal.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>

如何通过Rails方式完成？

Answer 1

循环迭代猫，在循环体中包含你的模态和你的按钮。

在按钮内放一个：

data-target="#myModal_<%=cat.id%>">

在你的模态中放一个

 id="myModal_<%=cat.id%>"

我担心这是客户端问题，而rails更多是面向服务器的。

Rails：在按钮单击上选择一个对象并在模态上显示信息

1 个答案: