Passing data to modal with $('#MyModal').modal('show');

Question

Dygraphs is a plugin that allows you to easily turn json into charts in an HTML page. From with a dygraphs chart, I am able to annotate the chart, and the annotations can have a clickHandler event:

annotations.push({ series: "@Model.Project.id_project", x: date, shortText: "X", text: message, cssClass: "annotation", clickHandler: function(annotation, point, dygraph, event) { $('#ChangeOrderModal').modal('show'); //<<<<<------------------------ } });

This line:

$('#ChangeOrderModal').modal('show');

Does a good job of opening this modal:

<div id="ChangeOrderModal" class="modal hide fade"> <div class="modal-body"> This is a test </div> <div class="modal-footer"> <a href="#" data-dismiss="modal" class="btn">Close</a> </div>

But, I need to pass some data into this modal, and I'm not sure how to do this. For the sake of simplicity, let's just say it's a string:

<div class="modal-body"> This is a test. String passed in: ______ </div>

From the annotation where I open modal, how would I pass in a string? And how would I display it in the modal?

Thanks!

can you directly access the dom?

brk
– brk

2016-11-07 16:40:20 +00:00
Commented Nov 7, 2016 at 16:40 — brk
– brk, Commented Nov 7, 2016 at 16:40

JB06 · Accepted Answer · 2016-11-07 17:05:38Z

Add some element in your modal to hold the data:

<div class="modal-body"> This is a test. String passed in: <span id="passed-in-string"></span> </div>

And then simply set the element's value before showing the modal:

clickHandler: function(annotation, point, dygraph, event) { var stringToPass = 'Something'; $('#passed-in-string').html(stringToPass); $('#ChangeOrderModal').modal('show'); //<<<<<------------------------ }

Collectives™ on Stack Overflow

Passing data to modal with $('#MyModal').modal('show');

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related