Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>First of all, Spring MVC is very flexible. You can have backend handlers that return HTML generated by a view engine, you can have a handlers that returns JSON/XML/ProtocolBuffers/etc. and use client side rendering engines like Mustache etc. to display the page in the browser, or you can combine the two in the same application.</p> <p>If you want to generate HTML on the server, Spring MVC allows you to use different template engines to do that. You can use JSP, Freemarker, Velocity etc. In order to do that, it uses a ViewResolver abstraction, and in your code you only have to deal with the ModelAndView API.</p> <p>More details on ViewResolver can be found here: <a href="http://static.springsource.org/spring/docs/3.0.x/reference/mvc.html" rel="nofollow">http://static.springsource.org/spring/docs/3.0.x/reference/mvc.html</a></p> <p>Based on your question it sounds like you have a backend that use JSP to create the html server side. In order to update only the table and not reload the entire page when a user clicks a refresh button, you could for example have a handler that returns only the html table like so:</p> <pre><code>@RequestMapping("/table") public ModelAndView renderTable() { List&lt;People&gt; people = peopleService.findAllPeople(); return new ModelAndView("/people", "people", people); } </code></pre> <p>I'm also assuming you have another handler that returns the main page where the table is embedded via ajax.</p> <pre><code>&lt;body&gt; ... /* Content of div will be populated via ajax*/ &lt;div id="myTableContainer" /&gt; ... &lt;/body&gt; </code></pre> <p>The javaScript for this would be something like:</p> <pre><code>$(function() { var myTableContainer = $("#myTableContainer"); var renderTable = function(container) { $.get("/table", function(data) { container.empty().html(data); } }; /* This is called on document ready */ renderTable(myTableContainer); /* Use the same renderTable function when the refresh button is clicked */ $("#refreshButton").click(function() { renderTable(myTableContainer); }); } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POSpring MVC ajax re-rerendering user interface duplication
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USebaxt
    1. USebaxt
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POSpring MVC ajax re-rerendering user interface duplication
      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. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COI think `container.empty().html(data);` won't work because you haven't returned the people as `JSON`. This is essentially what I am asking. I have to duplicate user interface code in the `renderTable` function - "<tr>" tags and so on. I have already defined it in my `jsp`. Why should I enter it again in the `renderTable` function?
      singulars
      1. PO
      1. USPetar Minchev
    2. COThe SpringMVC backend returns html, so `container.empty().html(data)` just embeds the html table that's returned by the backend into the page.
      singulars
      1. PO
      1. USebaxt
    3. COYou are not duplicating any view logic. The JSP is responsible for creating the html, and it's done on the server. The JavaScript is responsible for updating a subset of you page (the table), it does so by calling the server side via ajax, take the returned html and replace the previously rendered table. Had the backend returned JSON, then you would need some way of creating the html in the client, but in this case html is only created on the server.
      singulars
      1. PO
      1. USebaxt
 

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