Ember.js Controller with computed property not being recomputed -

-

i'm trying add permissions groups, , have drag , drop set user can pull unselected permissions on selected, or vice versa. unselected permissions computed via removing selected permissions permissions. code functioning properly. first time user brings page, permissions unselected appear in unselected side, , same selected.

however, when user chooses group at, selected side correct, while unselected side shows displayed last group. here route , controller:

app.groupseditroute = ember.route.extend({   setupcontroller: function(controller, model) {     this._super(controller, model);     controller.set('allpermissions', this.store.find('permission'));   },   actions: {     'update': function(group){       var route = this;       group.save().then(function(){         route.transitionto('groups');       });     },     'cancel': function(group){       group.rollback();       this.transitionto('groups');     },     'delete': function(group){       group.destroyrecord();       this.transitionto('groups');     }   } });  app.groupseditcontroller = ember.objectcontroller.extend({   unselectedpermissions: function() {     console.log('unselected');     var allpermissions=this.get('allpermissions');     var permissions=this.get('permissions');     var self=this;      allpermissions.then( function() {       permissions.then( function() {         var unselected=allpermissions.filter(function(permission) {           return !permissions.contains(permission);         });         unselected=ember.arrayproxy.createwithmixins(ember.sortablemixin, {           sortproperties: ['name'],           content: unselected         });         self.set('unselectedpermissions',unselected);       });     });   }.property('model.unselectedpermissions'),   selectedpermissions: function() {     console.log('selected');     return ember.arrayproxy.createwithmixins(ember.sortablemixin, {       sortproperties: ['name'],       content: this.get('permissions')     });   }.property('model.selectedpermissions') });

when use unselectedpermissions in view via {{#each}}, fires once. never see unselected in log after that. however, selected, used in same fashion, fires every time. of course, data displayed on page not updated, either, unless refresh.

the setupcontroller being called each time page displayed, should.

i'm not sure i'm doing wrong.

any ideas?

in general computed properties shouldn't set. when set them destroy computed property portion of code. there couple of different ways handle this, easiest using observer instead of computed property , setting property.

unselectedpermissionlist: [], unselectedwatcher: function() {     console.log('unselected');     var allpermissions=this.get('allpermissions');     var permissions=this.get('permissions');     var self=this;      allpermissions.then( function() {       permissions.then( function() {         var unselected=allpermissions.filter(function(permission) {           return !permissions.contains(permission);         });         unselected=ember.arrayproxy.createwithmixins(ember.sortablemixin, {           sortproperties: ['name'],           content: unselected         });         self.set('unselectedpermissionlist',unselected);       });     });   }.observes('selectedpermissions')

the other way return array reference, push objects array after fact.

unselectedwatcher: function() {     console.log('unselected');     var allpermissions=this.get('allpermissions'),         permissions=this.get('permissions'),         self=this,         ret = [];      allpermissions.then( function() {       permissions.then( function() {         var unselected=allpermissions.filter(function(permission) {           return !permissions.contains(permission);         });         unselected=ember.arrayproxy.createwithmixins(ember.sortablemixin, {           sortproperties: ['name'],           content: unselected         });         unselected.foreach(function(item){           ret.pushobject(item);         });       });     });      return ret;   }.property('selectedpermissions')

additionally 2 properties claim dependent on each other, should fire infinite loop of property updating (a changes, b dirty, b updates, dirty etc).

i'm not sure why selectedpermissions computed property, seems list that's added or removed from, , unselectedpermissions allpermisions not selectedpermissions


Comments

Post a Comment

Popular posts from this blog

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

-
i read alot other solution still confused should mine... #include <opencv2/objdetect/objdetect.hpp> #include <opencv2/highgui/highgui.hpp> #include <opencv2/imgproc/imgproc.hpp> #include <iostream> #include <stdio.h> using namespace std; using namespace cv; int main(int argc, const char** argv) { //create cascade classifier object used face detection cascadeclassifier face_cascade; //use haarcascade_frontalface_alt.xml library face_cascade.load("haarcascade_frontalface_alt.xml"); //setup video capture device , link first capture device videocapture capturedevice; capturedevice.open(0); //setup image files used in capture process mat captureframe; mat grayscaleframe; //create window present results namedwindow("outputcapture", 1); //create loop capture , find faces while (true) { //capture new image frame capturedevice >> captureframe; ...
Read more

php - render data via PDO::FETCH_FUNC vs loop -

-
i've been using 2 methods render data. the first one: function name($id,$name){ return '<div id="'.$id.'">'.$name.'</div>'; } echo implode($pdo->query("select id,name user")->fetchall(pdo::fetch_func,'name')); the second one: $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); foreach($users $user){ echo name($user->id,$user->name); } i don't understand how pdo::fetch_func works. tried figure out. however, not well-documented. could please explain fetch mode? , also, 1 performs better? thank you. both methods wrong , have learn how use templates , how separate business logic presentation logic. $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); tpl::assign('users', $users); is code business logic part. then in template <?php foreach $users $row): ?> <div id="<?=$...
Read more

The canvas has been tainted by cross-origin data in chrome only -

-
uncaught securityerror: failed execute 'getimagedata' on 'canvasrenderingcontext2d': canvas has been tainted cross-origin data i getting above error in chrome. code(following) works fine in mozilla. have not corss domain issue. why above error in chrome? var wheel_canvas, wheel_context, can_w, can_h, wheel_grd; var large_radius = 160; var small_radius = 120; var wheel_canvas = document.getelementbyid('wheel_canvas'); var wheel_context = wheel_canvas.getcontext('2d'); var can_w = $(wheel_canvas).width(); var can_h = $(wheel_canvas).height(); var centerx = can_w / 2, centery = can_h / 2; var wheel_grd = null; test('#ff0000'); function test(hex) { $('#clrpicker').css({'left': 210, 'top': 210 }); inverted = hexbw(hex); $('#color_val_show').val(hex); current_color_hex_val_selected = hex; $('#color_val_show').css({'color':inverted,'background':hex}); fillgradient...
Read more