Databases
StackOverflow2013
Postsdbo
POUsing this in callback for non-collection
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUsing this in callback for non-collection
    primarykey
    data
    text
    <p>I'm going through the <a href="http://meteor.com/examples/leaderboard" rel="nofollow">leaderboard</a> example right now, and I've finished it, but I'm not fully satisfied with my implementation of the <em>add</em> functionality.</p> <p>To start with, we have</p> <pre><code>Template.player.events({ 'click': function () { Session.set("selected_player", this._id); } }); </code></pre> <p>I find it a little bit confusing how <code>this</code> is associated with the player collection, but I imagine this has to do with the <code>&lt;template</code> part. I am also able to do</p> <pre><code>Template.leaderboard.events({ 'click input.delete': function () { Players.remove(this._id); } </code></pre> <p>...which does remove the player with the associated button entry.</p> <hr> <p>Now for the actual question part: I have added this to the bottom of the leaderboard template:</p> <pre><code>&lt;div&gt; Add player: (Name &lt;input required name="name" id="name"&gt;) (Score &lt;input required name="score" id="score"&gt;) &lt;input class="add" type="button" value="Add"&gt; &lt;/div&gt; </code></pre> <p>This works fine, and I have <code>Template.leaderboard.events['click input.delete']</code> working fine, but in order to get the values I use:</p> <pre><code>'click input.add': function () { var name = document.getElementById('name').value, score = document.getElementById('score').value; </code></pre> <p>It would make a lot of sense to me if I were able to use <code>this</code> in some way, or use the event to somehow get the values that correspond the inputs. This not only makes sense to me from a design standpoint, but it would also cover the case of having more than one of these kinds of forms displaying simultaneously.</p> <p>So in short is there any way to get elements that are near the target element in the context of an event?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USExplosion Pills
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COConcerning your confusion with the **click** event: Inside a Template event handler, _this_ refers to the context of the current template instance. If I remember the _leaderboard_ example correctly, the context given to each Template.player instance is a document from the Players collection. **this._id** therefore gives you the MongoDB _id field that was auto-generated for that particular Player document
      singulars
      1. POUsing this in callback for non-collection
      1. UStravellingprog
    2. CO@travellingprog I think you're right, but in the `click input.add` event above, there is no Players collection context; it's outside of the `player` partial
      singulars
      1. POUsing this in callback for non-collection
      1. USExplosion Pills
    3. COYep, so if you're in another template, then _this_ will give you access to that template's context.
      singulars
      1. POUsing this in callback for non-collection
      1. UStravellingprog
 

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