Question

我必须使用Bootstrap Modal Windows ...一个包含表格（#items），另一个包含表格数据（#item）。

现在我想点击表格中的一行，想要打开其他模态窗口并想要传递数据。

$('#items-table').on('click-row.bs.table', function (e, row, $element) {
    $('#items').modal('hide');
    $('#item').modal('show');
    //Need to pass row.id to #item
});

这是我从表格行中捕获点击的地方。在这里，我得到了row.id我希望以#item形式使用的内容。

$('#item').on('shown.bs.modal', function (event) {
  var button = $(event.relatedTarget); // Button that triggered the modal
  var itemId = button.data('item-id') ;// Extract info from data-* attributes

})

站在那里的这两条线来自一个具有数据属性的按钮。这工作正常，但我如何从表中传递row.id？

Answer 1

所以我想通过妥善管理：

    $('#items-table').on('click-row.bs.table', function (e, row, $element) {
    $('#items').modal('hide');
    $modal('#item');
    $modal.data('id', row.id);
    $modal.modal('show');
    //Need to pass row.id to #item
});

并在模态中捕获它：

$('#item').on('shown.bs.modal', function (event) {

  var modal = $(this);
  var id = modal.data('id');

})

非常感谢@wenyi的链接！

Bootstrap Modal通过on传递数据（'click-row.bs.table'

1 个答案: