отображение моделей на разных div ember.js - PullRequest
Новая
       0

отображение моделей на разных div ember.js

0 голосов
/ 01 марта 2012

В Ember.js, как лучше всего отобразить свойства модели?

Скажите, что моя модель 'продукты', поэтому у меня есть список продуктов, когда я нажимаю на элемент в этом списке, который я хочудетали отображаются в другом div и не переопределяют это представление.

Как я могу это сделать, ниже, если мой код. 

  <script type="text/x-handlebars">
    {{ view App.ListReleasesView }}
   </script>

   <script type="text/x-handlebars">
  {{ view App.ReleaseDataView }}
   </script>



App.ListReleasesView = Ember.View.extend({
  templateName:    'app/templates/releases/list',
  releasesBinding: 'App.releasesController',

  showNew: function() {
    this.set('isNewVisible', true);
  },

  hideNew: function() {
    this.set('isNewVisible', false);

  },

  refreshListing: function() {
    App.releasesController.findAll();
  }
});


App.selectedReleaseController = Ember.Object.create({
  release: null
});

шаблон списка: 

<ul>
  {{#each releases}}
    {{view App.ShowReleaseView releaseBinding="this"}}
  {{/each}}

</ul>

 {{#if isNewVisible}}

        {{view App.NewReleaseView}}

  {{/if}}
<div class="commands">
  <a href="#" {{action "showNew"}}>New Release</a>
  <a href="#" {{action "refreshListing"}}>Refresh Listing</a>
</div>



   App.ShowReleaseView = Ember.View.extend({
  templateName: 'app/templates/releases/show',
  //classNames:   ['show-release'],
  classNameBindings: ['isSelected'],

//  tagName:      'tr',

  doubleClick: function() {
    // this.showEdit();
   // this.showRelease();
    var release = this.get("release");

    App.selectedReleaseController.set("release", release);
  },

  isSelected: function(){
    var selectedItem = App.selectedReleaseController.get("release");
    release = this.get("content");

    if (release === selectedItem) {return true; }

  }.property('App.selectedReleaseController.release')

показать шаблон: 

{{#if App.selectedReleaseController.release}}

    {{view App.ReleaseDataView}}
 {{else}}

     {{release.name}}

  {{/if}}


App.ReleaseDataView = Ember.View.extend({
  templateName:    'app/templates/releases/releaseData',
  releaseBinding: 'App.selectedReleaseController.release',
 // classNames: ['release'],


});

шаблон выпуска: 

  {{#if isSelected}}

  <div class="name">
  {{editable "release.name"}} {{editable "release.description"}}
  </div>

  {{/if}}

1 Ответ

2 голосов
/ 04 марта 2012

Вам понадобится простой контроллер, задачей которого будет управление состоянием выбора. 

App.selectedReleaseController = Ember.Object.create({
  content: null
});

Тогда у вас будет другое представление для деталей, которые связаны с этим контроллером. 

{{view App.ReleaseDetailsView releaseBinding="App.selectedReleaseController.content"}}
...