jeudi 24 mai 2018

how to add record to array

I'm beginner in Emberjs, so i need to pass selected item in list to basket. I have route catalog

  <div class="flexbox">

<div class="main">
  
  <div class="catalog-container">
    <div class="container-inner">
        
        <ul class="responsive-table">
          <li class="table-header" >
            <div class="col col-1">Наименование</div>
            <div class="col col-2 radio-group">Год<i class="fas fa-angle-up angle angle-left radio" note="up" ></i><i class="fas fa-angle-down angle radio" data-value="down"></i></div>
            <div class="col col-3">Количество<i class="fas fa-angle-up angle angle-left radio"></i><i class="fas fa-angle-down angle"></i></div>
            <div class="col col-4">Цена<i class="fas fa-angle-up angle angle-left"></i><i class="fas fa-angle-down angle"></i></div>
            <div class="col col-5">Примечание</div>
          </li>
          
            
          
        </ul>
          
    </div>
  </div>
</div>

catalog.js controller

export default Controller.extend({
items: [],
actions: {
  filterByName(param) {
    if (param !== '') {
      return this.get('store').query('item', {name: param})
    }
  }
  getBasketItem(param){
    if (param !== '') {
      var item = this.get('store').query('item', {name: param});
      //how to add item in items to use in side-basket
    }
}
}
});

component item-list.hbs

<li class="table-row hvr-grow" >
  
  <div class="col col-1" data-label="Наименование"></div>
  <div class="col col-2" data-label="Год"></div>
  <div class="col col-3" data-label="Количество"></div>
  <div class="col col-4" data-label="Цена"></div>
  <div class="col col-5" data-label="Примечание"></div>
</li>

item-list.js

    export default Ember.Component.extend({
    selectedIndex : false,
    actions: {
     handleItem(param) {
     let handledItem = this.get('gotItem');
     handledItem(param);
   }
 }
});

and side-basket component with nested basket-list component

scheme

test

test with manual writing

how to realise this transfer?




Aucun commentaire:

Enregistrer un commentaire