Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Since you appear to be using bootstrap, it actually has this built in so that you don't have to do the ajax call yourself. Take a look at the <code>remote</code> option for <a href="http://getbootstrap.com/javascript/#modals" rel="nofollow noreferrer">modals</a>.</p> <p>The content that you return simply needs to be the HTML fragment you want to be in the content of the modal.</p> <p>An example of how you would return the html for the modal if you're using express is as follows (using jade as your templating engine but it could be whatever you like):</p> <pre><code>app.set('view engine', 'jade'); app.get( '/modalFeedback' ,function(req, res, next){ res.render('/modalFeedback.jade', { user: req.user }); } ); </code></pre> <p>The template, in this case <code>modalFeedback.jade</code> would have just html in it, well a jade version of html anyway and this is the html you wish to show up in the modal. You could even instead of simply rendering the template at first do some checks if the user is admin or whatever. Depending on the check then you could choose which template to render. The key is <code>res.render</code> goes and gets the file passing it the data you provide and will return it to the browser call from the modal. </p> <p><strong>Update</strong>: <code>remote</code> is <a href="https://getbootstrap.com/docs/3.3/javascript/#modals-options" rel="nofollow noreferrer">deprecated</a> since v3.3.0 and removed in v4. (This would have been better suited as a comment but is likely to be missed, hence putting it here to protect people's time in managing backward compatibility issues later)</p>
    singulars
    1. This table or related slice is empty.
    1. POHow to return an html modal target view from server?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USAnupam
    1. USragamufin
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow to return an html modal target view from server?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks I will look into the remote option and update the question with my results. Would the html fragment to return just be a javascript String? A really long String? What is the best way to return html fragment from javascript function?
      singulars
      1. PO
      1. USnearpoint
    2. COI've updated the answer with an example of how you would return a string, a really long string to the modal for it to show.
      singulars
      1. PO
      1. USragamufin
    3. COThanks. Very clear and makes sense. For the bootstrap remote option, do I just put /modalFeedback route in the href tag for the button? Like so: <a data-toggle="modal" href="/modalFeedback" data-target="#myModal">Launch Demo Modal</a>
      singulars
      1. PO
      1. USnearpoint
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload