diff --git a/docs/components.md b/docs/components.md index 5c9806ba..fdaab2df 100644 --- a/docs/components.md +++ b/docs/components.md @@ -88,7 +88,7 @@ var MyApp = { view: function() { return m("div", [ m("h1", "My app"), - + //a parameterized module m.module(MyModule, {name: "users"}, "from component"), ]) @@ -139,7 +139,7 @@ var MyApp = { var TemperatureConverter = { controller: function() { //note how the controller does not handle the input arguments - + //define some helper functions to be called from the view this.kelvinToCelsius = function(value) { return value - 273.15 @@ -340,14 +340,14 @@ var ContactForm = { }, view: function(ctrl, args) { var contact = ctrl.contact() - + return m("form", [ m("label", "Name"), m("input", {oninput: m.withAttr("value", contact.name), value: contact.name()}), - + m("label", "Email"), m("input", {oninput: m.withAttr("value", contact.email), value: contact.email()}), - + m("button[type=button]", {onclick: args.onsave.bind(this, contact)}, "Save") ]) } @@ -408,16 +408,16 @@ var ContactForm = { Contact.save(contact) } }, - view: function() { + view: function(ctrl) { var contact = ctrl.contact() - + return m("form", [ m("label", "Name"), m("input", {oninput: m.withAttr("value", contact.name), value: contact.name()}), - + m("label", "Email"), m("input", {oninput: m.withAttr("value", contact.email), value: contact.email()}), - + m("button[type=button]", {onclick: ctrl.save.bind(this, contact)}, "Save") ]) } @@ -494,16 +494,16 @@ var ContactForm = { Contact.save(contact).then(Observable.trigger) } }, - view: function() { + view: function(ctrl) { var contact = ctrl.contact() - + return m("form", [ m("label", "Name"), m("input", {oninput: m.withAttr("value", contact.name), value: contact.name()}), - + m("label", "Email"), m("input", {oninput: m.withAttr("value", contact.email), value: contact.email()}), - + m("button[type=button]", {onclick: ctrl.save.bind(this, contact)}, "Save") ]) } @@ -610,14 +610,14 @@ var ContactForm = { }, view: function(ctrl, args) { var contact = ctrl.contact() - + return m("form", [ m("label", "Name"), m("input", {oninput: m.withAttr("value", contact.name), value: contact.name()}), - + m("label", "Email"), m("input", {oninput: m.withAttr("value", contact.email), value: contact.email()}), - + m("button[type=button]", {onclick: ctrl.save.bind(this, contact)}, "Save") ]) } @@ -679,14 +679,14 @@ var ContactForm = { }, view: function(ctrl, args) { var contact = ctrl.contact() - + return m("form", [ m("label", "Name"), m("input", {oninput: m.withAttr("value", contact.name), value: contact.name()}), - + m("label", "Email"), m("input", {oninput: m.withAttr("value", contact.email), value: contact.email()}), - + m("button[type=button]", {onclick: ctrl.save.bind(this, contact)}, "Save") ]) } @@ -731,7 +731,7 @@ var Uploader = { formData.append(key, files[i]) } } - + //simply pass the FormData object intact to the underlying XMLHttpRequest, instead of JSON.stringify'ing it options.serialize = function(value) {return value} options.data = formData @@ -741,7 +741,7 @@ var Uploader = { serialize: function(files) { var promises = Array.prototype.slice.call(files).map(function(file) { var deferred = m.deferred() - + var reader = new FileReader reader.readAsDataURL() reader.onloadend = function(e) { @@ -752,7 +752,7 @@ var Uploader = { }) return m.sync(promises) }, - + controller: function(args) { this.noop = function(e) { e.preventDefault() @@ -795,7 +795,7 @@ var Demo2 = { return m.request({method: "POST", url: "/api/assets", data: data}) } }, - + controller: function() { this.files = m.prop([]) this.save = function() {