Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The validation plugin only gets applied in your bindings only if by the time when the binding is parsed by Knockout your properties are validate. </p> <p>In different words: you cannot add validation to a property <strong>after</strong> the property was bound on the UI.</p> <p>In your example you are using an empty object in <code>self.person = ko.observable({});</code> as a default value, so when Knockout executes the <code>data-bind='value: person().name'</code> expression you don't have a <code>name</code> property so the validation won't work even if you later add the <code>name</code> property to your object.</p> <p>In your example you can solve this with changing your <code>Model</code> constructor to include the validation rules:</p> <pre><code>function Model() { this.name = ko.observable().extend({required: true}); this.email = ko.observable().extend({required: true}); } </code></pre> <p>And use an empty <code>Model</code> object as the default person:</p> <pre><code>self.person = ko.observable(new Model()); </code></pre> <p>And when calling <code>Load</code> don't replace the <code>person</code> object but update its properties:</p> <pre><code>self.load = function() { // Set person data self.person().name('Long'); self.person().email('John'); } </code></pre> <p><strong>Demo <a href="http://jsfiddle.net/2Um56/">JSFiddle</a>.</strong></p> <p>Note: Knockout does not always handles well if you replace whole object like <code>self.person(new Model());</code> so it is anyway a better practice to only update the properties and not throw away the whole object.</p> <p>A different solution would be to use the <code>with</code> binding because inside the <code>with</code> binding KO will reevaluate the bindings if the bound property changes.</p> <p>So change your view: </p> <pre><code>&lt;!-- ko with: person --&gt; &lt;input type='text' data-bind='value: name' /&gt; &lt;input type='text' data-bind='value: email' /&gt; &lt;!-- /ko --&gt; </code></pre> <p>In this case you need to use <code>null</code> as the default <code>person</code>:</p> <pre><code>self.person = ko.observable(); </code></pre> <p>And in your <code>Load</code> you need to add the validation <strong>before</strong> assigning your <code>person</code> property so by the time KO applies the bindings your properties have the validation:</p> <pre><code>self.load = function() { var model = new Model() model.name.extend({required: true}); model.email.extend({required: true}); self.person(model); // Set person data self.person().name('Long'); self.person().email('John'); } </code></pre> <p><strong>Demo <a href="http://jsfiddle.net/5sV5B/">JSFiddle</a>.</strong></p>
    singulars
    1. This table or related slice is empty.
    1. POKnockoutJS Validation with dynamic observables
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USnemesv
    1. USnemesv
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POKnockoutJS Validation with dynamic observables
      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. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. CO"you cannot add validation to a property after the property was bound on the UI." can you please share how did you get this conclusion?
      singulars
      1. PO
      1. USebram khalil
    2. CO@ebramtharwat from the source code of the plugin... the validation plugin is amendening the `value` and the `checked` bidings and in the `init` function it checks that the bound property is validatable or not. If the property is not validatable in the `init` then the validation plugin don't care with the property anymore: https://github.com/Knockout-Contrib/Knockout-Validation/blob/master/Src/bindingHandlers.js#L4-L47
      singulars
      1. PO
      1. USnemesv
    3. COIf you do `value: person().name` and the value of `person` is replaced, the binding will be re-evaluated. However, it won't call init again; just update.
      singulars
      1. PO
      1. USFakeRainBrigand
 

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