Difficulties with list notification

in jQueryMX » Events • 1 year ago

I passed quite some time on it and it seems to me that list instances or even list models don't receive events when something happens to a model instance.

Did someone notice the same?

I'll try to narrow it in order to present the simplest case. In the meantime here is an example:

"{projectListInstance} add":function(list, ev, items)
{
// do some stuff here
},

and

"{Project} created":function(Project, ev, project)
{
this.options.projectListInstance.push(project);
},

For me this second part should not be necessary if the model were triggering an 'add' event on the list. But when I remove this second part, nothing happens.

I also tried on the model with same result:

"{projectListModel} add":function(list, ev, items) // this.options.projectListModel = Project.List
{...

So I am tweaking the list myself through the model instance event notification.

If someone could clarify or has see the same 'issue' (if it is one) as I, that'd be awsome.

Replies(2)

amcdaniel2

Re: Issue with list notification

1 year ago

Can you create a breaking test case?

Austin McDaniel
Follow me on Twitter @amcdaniel2

unludo

Re: Issue with list notification

1 year ago

Ok the list is functionning fine I think. I had difficulty with the documentation to find exactly how it works, maybe something you could improve ;-).

What I found:

list instance remove: you receive the event if the instance(s) removed is in the list instance.
list instance update: you receive the event if one intance of the items in the list is updated. the event comes with one item instance at a time.
list instance add: you receive the event if you add an instance to the list (via push).

Here I join the code I wrote to test this which helps see this working (feel free to do whatever with it if you like) - you just have to put it at the root of the javasciptMvc folder:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>List Test</title>
</head>
<body>
<div id="control">
<button id="modify_instance">Modify object1</button>
<button id="add_instance">Add object3</button>
<button id="remove_instance">Remove object2</button>
</div>
<div id="test"></div>
<script type="text/javascript" src="steal/steal.js"></script>
<script type="text/javascript">
steal("jquery/model", "jquery/model/list", "jquery/controller")
.then(
function()
{
$.Model("MyObject",
{
create:function(attrs, success, error)
{
success(attrs);
},
update:function(id, attrs, success, error)
{
success(attrs);
},
destroy:function(id, success, error)
{
success();
}
}, {});
$.Model.List("MyObject.List");
$.Controller("Test.List",
// static
{
defaults:{
objectListInstance:null,
object1:null,
object2:null
}
},
// prototype
{
"{objectListInstance} add":function(list, ev, addedObjects)
{
var self = this;
$.each(addedObjects, function(index, item)
{
var s = self.element.html();
self.element.html(s + item.name + " added - ");
});
},
"{objectListInstance} remove":function(list, ev, removedObjects)
{
var self = this;
$.each(removedObjects, function(index, item)
{
var s = self.element.html();
self.element.html(s + item.name + " removed - ");
});
},
"{objectListInstance} updated":function(list, ev, updatedObject)
{
var s = this.element.html();
this.element.html(s + updatedObject.name + " updated - ");
},
"#add_instance click":function()
{
var object3 = new MyObject({"name": "object3"});
object3.save();
this.options.objectListInstance.push(object3);
},
"#remove_instance click":function()
{
this.options.object2.destroy();
},
"#modify_instance click":function()
{
// modify the instance directly
this.options.object1.attr("name", "object1_updated");
object1.save();
}
}
);
var object1 = new MyObject({"id": 1, "name": "Object1"});
var object2 = new MyObject({"id": 2, "name": "Object2"});
var objectList = new MyObject.List([object1, object2]);
$("#control").test_list({objectListInstance:objectList, object1:object1, object2:object2});
}
);
</script>
</body>
</html>

Hope this helps!

Top Reply

Response title

Attachments

New to this Portal?