Databases
StackOverflow2013
Postsdbo
POLoading message during template redraw in Meteor
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POLoading message during template redraw in Meteor
    primarykey
    data
    text
    <p>I built my first Meteor app and I love it. Except, now that it has real production data in it, it's a little slow. I'm getting reports that "nothing is happening when I click this".</p> <p><strong>Is there any way to display a loading message during template redraws so that the user knows something is happening?</strong></p> <p>To illustrate further, look at this template (not my actual code, for simplicity only):</p> <pre><code>Template.all_posts.posts = function() { return Posts.find({'category_id': Session.get('current_category')}); } </code></pre> <p>So if open my console and run <code>Session.set('current_category', 1)</code>, and let's say it takes 2 seconds to run the computation and redraw the templates. I'd like there to display a loading indicator during that 2 second period.</p> <p>To be clear, I already know how to display a loading indicator. In fact, I'm already do that on initial page load and hiding it when all my subscriptions are <code>ready()</code>. I simply want to know where to apply that same logic (showing and hiding loading icon) so that it will happen every time the templates are redrawn. Pseudo code would work fine:</p> <p><strong>In short, when Meteor is busy, I want to reflect that.</strong></p> <p>Any help is greatly appreciated!</p> <p><strong>Edit 10/09/13:</strong></p> <p>From the docs...</p> <blockquote> <p>These Meteor functions run your code as a reactive computation:</p> <ul> <li>Templates</li> <li>Meteor.render and Meteor.renderList</li> <li>Deps.autorun</li> </ul> </blockquote> <p>I think one possible solution could <em>begin</em> with displaying a loading indicator when any of these "computations" are invalidated. </p> <p>For example, if you're code is being run inside of <code>Deps.autorun</code>, the computation instance is passed as the first argument and you can pass a callback to it's <code>onInvalidate</code> method, like so:</p> <pre><code>Deps.autorun(function(computation) { // do reactive stuff computation.onInvalidate(function() { // display loading indicator }); }); </code></pre> <p>However, to my knowledge, you cannot access the computation object in those other Meteor methods, only <code>Deps.autorun</code>.</p> <p>As far as hiding the loading indicator, I think the best idea would be to do it <em>inside the <code>rendered</code> callback of the last template to be (re)rendered</em> due to the invalidation of the computation.</p> <p><strong>Anyone have any insights, suggestions, tricks, hacks, etc. into this?</strong></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJohnny
    1. USJohnny
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POLoading message during template redraw in Meteor
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POLoading message during template redraw in Meteor
      1. USHubert OG
      1. VTFavorite
    3. VO
      singulars
      1. POLoading message during template redraw in Meteor
      1. This table or related slice is empty.
      1. VTUpMod
    1. COCan you give a more representative example of what you're doing? Perhaps a small repro on github that illustrates the problem?
      singulars
      1. POLoading message during template redraw in Meteor
      1. USalanning
    2. CO@alanning Any of the Meteor examples would do fine. Basically, I want to show a loading message when ANY computation is invalidated and hide it when the last template is finished (re)rendering.
      singulars
      1. POLoading message during template redraw in Meteor
      1. USJohnny
    3. COTemplate loading indicator... seems like you'd need to patch Spark to call hooks on invalidate. But Spark is getting rewritten so wouldn't be useful for long. There may be something that can be done to improve the speed of your app enough to not need it. In general, rendering should be fairly instantaneous. If its not there may be an opportunity to refactor the design a bit.
      singulars
      1. POLoading message during template redraw in Meteor
      1. USalanning
 

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