jquery - Property is not defined -

jquery - Property is not defined -

im trying understand syntax of knockout , have running problems.

example of ko viewmodel

var market = function (e) { var self = this; self.marketid = ko.observable(e ? e.marketid : ''); self.description = ko.observable(e ? e.description : ''); }; var marketaddviewmodel = function () { var self = this; var url = "/api/market"; self.newmarket = ko.observable(new market()); // save market savemarket = function (item) { $.ajax({ type: 'post', url: url, data: ko.tojs(item), success: function (data) { // success }, error: function (err) { var err = json.parse(err.responsetext); var errors = ""; (var key in err) { if (err.hasownproperty(key)) { errors += key.replace("employee.", "") + " : " + err[key]; } } alert('error'); //$("<div></div>").html(errors).dialog({ modal: true, title: json.parse(err.responsetext).message, buttons: { "ok": function () { $(this).dialog("close"); } } }).show(); }, complete: function () { // finish } }); }; };

to bind utilize code

$(document).ready(function () { ko.applybindings(new marketaddviewmodel()); });

then html element

<input data-bind="value: description" type="text" class="required input-xxlarge" name="description" id="description" />

but when o load page, recieve "description not defined"

any clue?

you can utilize binding alter context kid elements newmarket context

<div data-bind="with: newmarket"> <input data-bind="value: description" type="text" class="required input-xxlarge" name="description" id="description" /> </div>

edit: can take chance create pr convention on configuration lib above syntax like

<div data-name="newmarket"> <input data-name="description" type="text" class="required input-xxlarge" name="description" id="description" /> </div>

https://github.com/andersmalmgren/knockout.bindingconventions

jquery knockout.js