Databases
StackOverflow2013
Postsdbo
POUpdating loaded models with JS
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUpdating loaded models with JS
    primarykey
    data
    text
    <p>To explain my exact use-case: So I have a news-model with a 'created_at' field. Displaying all the dates with an ArrayController works fine and as expected. But what I want to do now, is converting these dates into fuzzy times with <a href="http://pragmaticly.github.io/smart-time-ago/" rel="nofollow">http://pragmaticly.github.io/smart-time-ago/</a> (or <a href="http://timeago.yarp.com/" rel="nofollow">http://timeago.yarp.com/</a>). The problem here is, I need to call <code>$('.timeago').timeago('refresh');</code> once the timestamps are loaded and displayed. That seems to work fine as long as I navigate within the ember-app. But when I refresh a site the plugin somehow can't convert it. So I suppose the command doesn't get called at the right time from the app. I am doing that in the following two ways right now: in the View:</p> <pre><code>didInsertElement: function(){ $('body').timeago('refresh'); } </code></pre> <p>and in the Controller:</p> <pre><code>updateFuzzyTime: function(){ $('body').timeago('refresh'); }.observes('content') </code></pre> <p>When I do it in either place with the <code>setTimeout()</code> command set to 1000ms it obviously does work.</p> <p>So how can I get ember to perform that command when a model is fully loaded and displayed on a refresh? (In another project I had a similar issue and there I used the <code>rerender()</code> command which did work, but in this use-case I simply can not do that)</p> <p>Edit: Just to post it here as well. The plugin looks at the datetime-attribute of a time element. So my hbs code looks like this:</p> <pre><code>&lt;time class="timeago" {{bindAttr datetime="date"}}&gt;{{date}}&lt;/time&gt; </code></pre> <p>And I suppose the reason why most hooks don't work is because even though the DOM is rendered I suppose Ember hasn't updated the attribute yet.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMarkus
    1. USMarkus
    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. POUpdating loaded models with JS
      1. This table or related slice is empty.
      1. VTUpMod
    1. CODoes anyone else have any idea? Or is that a missing future, sort of having an callback event for bindAttr?
      singulars
      1. POUpdating loaded models with JS
      1. USMarkus
 

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