vndb/mithril-vndb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #636 from pelonpelon/patch-9

Browse source 
Update components.md -- "Classic MVC" example broken
This commit is contained in:
Leo Horie 2015-07-06 21:28:44 -04:00
commit 4b2ec49ca9
1 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
docs/components.md
View file

@ -22,9 +22,9 @@ Let's create a simple model entity which we'll use in a simple application, to i
```javascript ```javascript
var Contact = function(data) { var Contact = function(data) {
data = data || {} data = data || {}
this.id = m.prop(data.id) this.id = m.prop(data.id || "")
this.name = m.prop(data.name) this.name = m.prop(data.name || "")
this.email = m.prop(data.email) this.email = m.prop(data.email || "")
} }
Contact.list = function(data) { Contact.list = function(data) {
return m.request({method: "GET", url: "/api/contact", type: Contact}) return m.request({method: "GET", url: "/api/contact", type: Contact})
@ -293,7 +293,7 @@ var Observable = function() {
} }
}, },
trigger: function(channel, args) { trigger: function(channel, args) {
console.log(channel) console.log("triggered: " + channel)
channels[channel].map(function(callback) { channels[channel].map(function(callback) {
callback(args) callback(args)
}) })
@ -386,7 +386,9 @@ var ContactsWidget = {
view: function(ctrl) { view: function(ctrl) {
return [ return [
m.component(ContactForm), m.component(ContactForm),
m.component(ContactList, {contacts: ctrl.contacts}) ctrl.contacts() === undefined
? m("div", "loading contacts...") //waiting for promise to resolve
: m.component(ContactList, {contacts: ctrl.contacts})
] ]
} }
} }
@ -394,10 +396,13 @@ var ContactsWidget = {
//ContactList no longer calls `Contact.save` //ContactList no longer calls `Contact.save`
var ContactForm = { var ContactForm = {
controller: function(args) { controller: function(args) {
this.contact = m.prop(new Contact()) ctrl = this
this.save = function(contact) { ctrl.contact = m.prop(new Contact())
ctrl.save = function(contact) {
Observable.trigger("saveContact", {contact: contact}) Observable.trigger("saveContact", {contact: contact})
ctrl.contact = m.prop(new Contact()) //reset to empty contact
} }
return ctrl
}, },
view: function(ctrl, args) { view: function(ctrl, args) {
var contact = ctrl.contact() var contact = ctrl.contact()