Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Your code <em>logically</em> fine, your problem is in mis-use of <code>this</code> inside the <code>capitalizeLastName</code> function.</p> <p>In your case <code>this</code> keyword refers to the object the function belongs to, or the <code>window</code> object if the function belongs to no object but not your View-Model object. That's why in most KnockoutJS examples we use <code>var self=this;</code> at the first line of View-Model definition to obtain a refrence to the View-Model object.</p> <p><a href="http://jsfiddle.net/5WXvF/" rel="nofollow noreferrer">Updated working demo based on your code</a></p> <p>Check the following SO questions for better undertanding:</p> <ol> <li><a href="https://stackoverflow.com/questions/15956898/in-knockout-js-why-this-is-being-assigned-to-self">In knockout.js, why “this” is being assigned to “self”?</a></li> <li><a href="https://stackoverflow.com/questions/1963357/this-inside-function">this inside function</a></li> </ol> <p><strong><em>Update</em></strong></p> <p>In order to update your view <strong><em>while writing</em></strong> firstname/lastname textbox, you need just to add <code>valueUpdate: 'afterkeydown'</code> to your binding.</p> <p>From <a href="http://knockoutjs.com/documentation/value-binding.html#parameters" rel="nofollow noreferrer">KnockoutJS documentation</a>:</p> <blockquote> <p>valueUpdate</p> <p>If your binding also includes a parameter called valueUpdate, this defines additional browser events KO should use to detect changes besides the change event. The following string values are the most commonly useful choices:</p> <p>"afterkeydown" - updates your view model as soon as the user begins typing a character. This works by catching the browser’s keydown event and handling the event asynchronously.</p> </blockquote> <p><a href="http://jsfiddle.net/5WXvF/1/" rel="nofollow noreferrer">Updated Demo</a></p>
    singulars
    1. This table or related slice is empty.
    1. POKnockout - notify on property change
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USCommunity
    1. USebram khalil
    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. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThe computed function binds the `this` value in the computed by using the (`function`, `this binding`) method call. So `this` is bound correctly.
      singulars
      1. PO
      1. USGary.S
    2. COThe code works fine. I just want that lastname will update while writing on the firstname/lastname textbox. Now it's updated onblur, it's not updated while writing.
      singulars
      1. PO
      1. UScheziHoyzer
    3. COThanks @Gary.S . I updated my answer to be pointed at `capitalizeLastName` function not the `computed` one
      singulars
      1. PO
      1. USebram khalil
 

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