Articles : Displaying a Bootstrap Modal in Rails with an AJAX call
full Link : Displaying a Bootstrap Modal in Rails with an AJAX call
Article Ajax, Article Bootstrap, Article Github, Article Open Source, Article programming, Article Rails, Article Ruby,
Displaying a Bootstrap Modal in Rails with an AJAX call
I am in the process of building a simple Learning Management Solution. I wanted to display a Bootstrap modal pop-up on click of the Add Capsules button. The idea was that on click of this button, an AJAX call should be made to the server, with the current Learning Path ID, so that it can query the DB, and find the potential capsules to be returned for the learning path. I would return an HTML snippet as response, which I wanted to insert into the body of the modal.See screenshot below of how it looks:
![]() |
| Bootstrap Modal Pop up on click of Add Capsules button (with Ajax response body) |
Check out this commit on Github to see the work that was needed: Bootstrap Modal Commit. The comment on the Github explains the details. It was actually quite easy once you know how.
I believe instead of sending an HTML snippet from the backend, a better practice is to send JSON data, and then construct the HTML at the browser via javascript. I guess, I could do that too, but this was really simple to do. I might modify it to return JSON some time in the recent future.
Reference:
- http://getbootstrap.com/javascript/#modals-examples
- http://stackoverflow.com/questions/20026132/using-bootstrap-3-0-modals-to-load-dynamic-remote-content-within-an-iframe
Articles Displaying a Bootstrap Modal in Rails with an AJAX call has been discussed
A few gadget information Displaying a Bootstrap Modal in Rails with an AJAX call , hopefully can provide benefits to you all.
You're reading an article Displaying a Bootstrap Modal in Rails with an AJAX call and this article url is https://androidtabletgadgets.blogspot.com/2014/02/displaying-bootstrap-modal-in-rails.html?m=1 you can bookmark , Hopefully this article could be useful and do not forget to always to this blog to find information on gadget.
Tag : Ajax, Bootstrap, Github, Open Source, programming, Rails, Ruby,

0 komentar:
Posting Komentar