This is a migrated thread and some comments may be shown as answers.

Object doesn't support property or method 'observable'

4 Answers 217 Views

MVVM

This is a migrated thread and some comments may be shown as answers.

oakcool asked on 04 Apr 2012, 08:29 AM

Hi I am using the example for form binding and is not working at all, when I run it gives the message in the title.

$(document).ready(function () {

var viewModel = kendo.observable({

email: "someemail@somesite.com",

password: "p@ssword",

passwordConfirmation: "p@ssword",

confirmed: false,

register: function (e) {

e.preventDefault();

this.set("confirmed", true);

},

startOver: function () {

this.set("confirmed", false);

this.set("email", false);

this.set("password", "Male");

this.set("passwordConfirmation", "John");

}

});

kendo.bind($("#example"), viewModel);

});

The HTML is very similar to the one on the website as well.

<div id="example" class="k-content">

<div id="loginForm">

<div id="description">

<p>Some Text</p>

</div>

<div id="login">

<h2>

Want us to get in touch with you</h2>

<br />

<form>

<label>

Email:

<input data-bind="value: email" /></label>

<br />

<label>

Password:

<input data-bind="value: password" /></label>

<br />

<label>

Confirmation:

<input data-bind="value: passwordConfirmation" /></label>

<br />

<button data-bind="enabled: agreed, click: register">

Register</button>

<br />

<div data-bind="visible: confirmed">

<h4>

Confirmation</h4>

<div>

Thank you for your registration, <span data-bind="text: email"></span

<br />

<button data-bind="click: startOver">

Start Over</button>

</div>

</form>

</div>

Any ideas???

4 Answers, 1 is accepted

Accepted