使用javascript将数据传递给模态

时间:2015-03-09 11:49:44

标签: javascript jquery html5 twitter-bootstrap modal-dialog

我正在使用bootstrap和boostrap表库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();
                    });

我收到了表中某个记录的点击。这很好用现在我想把名为row的json对象传递给我创建的模态,所以我可以设置名称输入字段。像这样:

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

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

我一直试图解决这个问题,但我似乎无法让它发挥作用。

2 个答案:

答案 0 :(得分: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);
});

答案 1 :(得分:0)

Pass Through数组也像OnClick(['a','b','c']);

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