Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You are running into a classic issue caused by closures in JavaScript. In your loop there is really only one variable named <code>myid</code>. The functions that you are creating when subscribing to each item all have access to that same <code>myid</code> variable. At the end of the loop it's value is 3, so when the handlers run they all report the value of that variable.</p> <p>There is a lot of reference out there for closures and scoping in JavaScript. For example, here is another SO question: <a href="https://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example">JavaScript closure inside loops – simple practical example</a></p> <p>One way for you to handle this, is to not use the intermediate variable and ensure that your handler's run with the current item.</p> <pre><code>item.selected.subscribe(function () { console.log(this.id); }, item); </code></pre> <p>In this example, the second argument defines the value of <code>this</code> when the function runs. So, it will run with the correct item as the context and you can access its properties from <code>this</code>.</p> <p><a href="http://jsfiddle.net/rniemeyer/WV6g5/" rel="nofollow noreferrer">http://jsfiddle.net/rniemeyer/WV6g5/</a></p> <p>You could even use <code>item.id</code> in the second argument.</p> <p>As you pointed out below, you can certainly create a function that takes in your variable and have it return a function to create a closure around that specific value. </p> <pre><code>var subscriber = function(id) { return function() { console.log(id); }; }; ... item.selected.subscribe(subscriber(myid)); </code></pre> <p>In the context of Knockout, I think that it is more practical to deal with your data item and ensure that it is <code>this</code> when your handler runs.</p>
    singulars
    1. This table or related slice is empty.
    1. POknockout subscribe function closure not captured
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USCommunity
    1. USRP Niemeyer
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POknockout subscribe function closure not captured
      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
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThis is indeed a correct answer for this particular case. Thanks to your link a more general solution (not relying on 'this' but fixing the closure) would be to use var subscriber = function(id) { return function() { console.log(id); }; }; item.selected.subscribe(subscriber(myid)); If you agree maybe you can add it to your answer.
      singulars
      1. PO
      1. USJohn Landheer
    2. COI updated the answer with your alternate solution. In the context of Knockout, I would still recommend binding it to your data item. It is simpler and gives you the flexibility of dealing with multiple properties on your item. Understanding and controlling the value of `this` is an important concept in Knockout. Thanks.
      singulars
      1. PO
      1. USRP Niemeyer
    3. COI understand, and if it was just the observable that was needed in the subscribe that would be it. But I need other info (outside of the observable) as well so a new scope is needed. The example in this case was oversimplified, sorry for that.
      singulars
      1. PO
      1. USJohn Landheer
 

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