使用 javascript 将数据传递给模态

Question

我正在使用 bootstrap 和 boostrap tables 库 http://wenzhixin.net.cn/p/bootstrap-table/docs/index.html 在 MVC5 中创建一个网站使用：

$('#subscriber-table').on("click-row.bs.table", function (e, row, $element) {
                        console.log(row.SubscriberID);
                        $('#subscriberDialog').modal();
                    });

我收到了对 table 记录之一的点击。这很好用，现在我想将名为 row 的 json 对象传递给我创建的模式，这样我就可以设置名称输入字段。像这样：

$('#subscriberDialog').on('show.bs.modal', function (event) {

     $('#namefield').val('toSetName');
});

我一直在努力解决这个问题，但我似乎无法让它发挥作用。

Answer 1

传递数组也像 OnClick(['a','b','c']);

并检索喜欢 function checkData(value) { alert(value[0] + " " + value[2] .....); }

Answer 2

你可以做什么，你可以在模式中设置任何自定义属性来获取值。

像这样：

$('#subscriber-table').on("click-row.bs.table", function (e, row, $element) {
  console.log(row.SubscriberID);
  $('#subscriberDialog').attr('data-custom-value', 'toSetName');
  $('#subscriberDialog').modal();
});


$('#subscriberDialog').on('show.bs.modal', function (event) {
     var val = $(this).attr('data-custom-value');
     $('#namefield').val(val);
});

使用 javascript 将数据传递给模态

pass data to modal using javascript

html

javascript

jquery

modal-dialog

twitter-bootstrap