Emberjs: Use a checkbox to display data

Question

I have a data table with checkbox selection. If an item in the table is checked I want to display that data in another part of the page. Seems like it should be simple but I can't seem to figure it out. I made a js

JS Bin with data table example

Here is the controllers/route

App.IndexController = Ember.Controller.extend({
  productLinks: function(){
        return this.get('content');
    }.property('model', 'isSelected'),

  selectedProduct: function(){
    var selectedProd = this.get('productLinks').filterBy('isSelected', true);
    return selectedProd[0];
  }.property('isSelected'),

  isSelected: null
});

I would like this to evolve to only allowing a single selection, but I'll address that once I can get the data to display.

user663031 · Accepted Answer · 2014-09-27 02:46:53Z

1

You need to define the dependency (property) correctly. You have the computed property depending on the isSelected property on the controller itself. You need to make it dependent on the isSelected property on each member of productLinks, which you do with the @each syntax.

selectedProduct: function(){
    var selectedProd = this.get('productLinks').filterBy('isSelected', true);
    return selectedProd[0];
}.property('[email protected]')

answered Sep 27, 2014 at 2:46

user663031

Sign up to request clarification or add additional context in comments.

2 Comments

SuperNinja Over a year ago

Great! Thanks alot, I knew it shouldn't be that hard

user663031 Over a year ago

Technically speaking, you can elide the second argument to filterBy. But instead, you could just use findBy to find the first selected element, so the entire function body becomes just return this.get('productLinks').findBy('isSelected');.

Collectives™ on Stack Overflow

Emberjs: Use a checkbox to display data

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related