pass data to modal using javascript

Question

I am creating a website in MVC5 using bootstrap with the boostrap tables library http://wenzhixin.net.cn/p/bootstrap-table/docs/index.html using:

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

I receive the click on one of the table's records. This works great ony now I want to pass the json object called row to my created modal, so I can set the name input field. Like this:

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

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

I have been trying to figure this out but I cant seem to get it to work.

Neeraj Verma · Accepted Answer · 2015-03-09 11:59:54Z

2

What you can do you can set any custom attribute in modal to get the value.

like this :

$('#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);
});

answered Mar 9, 2015 at 11:59

Neeraj Verma

4954 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Zalak Thakrar · Accepted Answer · 2015-03-09 11:55:50Z

0

Pass Through array also like OnClick(['a','b','c']);

and Retrieve Like function checkData(value) { alert(value[0] + " " + value[2] .....); }

answered Mar 9, 2015 at 11:55

Zalak Thakrar

11 bronze badge

Collectives™ on Stack Overflow

pass data to modal using javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related