Nested html select

@Yanis_Zakhovskiy wrote:

Hello, i have 2 models:

// models\departament.js

            import DS from 'ember-data';
            export default DS.Model.extend({
                  name: DS.attr('string'),
                  project: DS.belongsTo('project'),
            });

// models\project.js
import DS from 'ember-data';

export default DS.Model.extend({

  name: DS.attr('string'),
  departaments: DS.hasMany('departament',{inverse: 'project'})
});

and template:

// templates\new.hbs

            <select class="form-control" onchange={{action "updateValueProject" value="target.value"}}>

              {{#each model.project as |q|}}
                  <option class="form-control"  value="{{q.id}}">{{q.id}} - {{q.name}}</option>

              {{/each}}

            </select>




      <select class="form-control" onchange={{action "updateValueDep" value="target.value"}}>

        {{#each model.project.departaments as |d|}}
          <option class="form-control"  value="{{d.id}}">{{d.name}}</option>
        {{/each}}
      </select>

this dont work ((
I want that when I select project it will update data in departament select field

I use Json api, how i can use :

"relationships": {
        "departaments": {
          "data": [
            {
              "id": "1",
              "type": "departament"
            },
            {
              "id": "2",
              "type": "departament"
            },
            {
              "id": "3",
              "type": "departament"
            }
          ],
          "links": {
            "related": "/api/project/1/departaments",
            "self": "/api/project/1/relationships/departaments"
          }
        }
      },

sorry for my eng
Может есть кто знает русский ?Image may be NSFW.
Clik here to view.

Posts: 1

Participants: 1

Read full topic