Iteriert Ember.js ember-data-Datensatz-Arrays

Ich habe gegen meinen Kopf gegen dieses problem den ganzen Tag, und ich fühle mich wie ich bin nahe an einer Lösung, sondern kann einfach nicht Recht machen es möglich. Ich bin mit Ember.js mit Ember-Data und der Leuchten-adapter, schließlich die Umstellung auf ein REST-adapter. Das grundlegende problem ist dieses: ich habe Seiten-und Aufsichtsbehörden, mit einem viele-zu-viele Beziehung. Ich möchte den Benutzer eine select-box für Ihre bestehende Website/supervisor Paarungen, sortiert nach Standort, dh:

Seite 1 - Supervisor 1
Seite 1 - Supervisor 2
Seite 2 - Leiter 1 (denken Sie daran, viele an viele)
Seite 2 - Leiter 3

Muss ich streiten diese beiden Ressourcen in einem einzigen array, das ich übergeben kann, der zu einer Ansicht, die erbt (oder Erben) von Ember.Wählen Sie. Derzeit versuche ich dies mit einer Methode, die auf der Vorgesetzten-controller, der ich bin ruft, "flat", da wird es wieder ein abgeflacht-array für diese Beziehungen. Der controller ist unten dargestellt. Ich bin mit .finden().dann (), um die Daten zu verarbeiten, nachdem die Verheißung erfüllt wurde. Die Daten, die ich wieder erscheint enthalten alle meine vier Leuchten, aber wenn ich versuche eine der enumerable-Methoden (insbesondere forEach), es verhält sich so, als wenn es nur wieder das erste Objekt. Ich habe versucht, die Iteration über die Daten-Objekt als auch als Daten.get('content'). Ich bin ganz neu bei Ember, also vielleicht werde ich darüber sowieso falsch, aber egal, das scheint mir sehr seltsam zu mir. Hier ist mein code:

App.SupervisorsController = Ember.ArrayController.extend({
  flat: function(){
    return App.Supervisor.find().then(function(data){
      var c = data.get('content') ;
      console.log(c) ;    //<-- logs an object containing four records,
                          //    with attribute "length" showing 4
                          //    Great! (see below for log output)

      console.log(c[0]) ; //<-- logs first record. Great!
      console.log(c[1]) ; //<-- undefined (?!)
      console.log(c[2]) ; //<-- undefined (?!)
      console.log(c[3]) ; //<-- undefined (?!)
      console.log(c.get('length')) ; //<-- 1 (not four?!)

      return c ; //<-- eventually this will return the newly constructed array
    }) ;
  }
}) ;

Und hier ist die log-Ausgabe von der ersten Konsole.log () - Aufruf

0: Object
1: Object
2: Object
3: Object
__ember1376005434256: "ember325"
__ember1376005434256_meta: Meta
_super: undefined
length: 4
__proto__: Array[0]

Können Sie mir sagen, was fehlt mir hier? Ich kann nicht herausfinden, wie Zugriff auf jede der vier resultierenden Aufsichtsbehörden.

Dank!

Haben Sie versucht, mit Daten.objectAt(index) statt Zugriff direkt über den [] - operator?

InformationsquelleAutor Ben | 2013-08-09

9

Scheint es, wie Sie den Zugriff auf die Modelle, bevor Sie vollständig geladen sind (Sie können dies in der Eigenschaft, isUpdating). Wenn Sie das Gefühl faul an dieser Suche, die Sie verwenden können, ember später ausführen, um nur die Artikel angezeigt, die ein klein wenig später. Oder Sie können das Modell auf dem controller und machen es und lassen ember aktualisieren Sie die Ansicht, wenn die Modelle fertig geladen...
```
 Ember.run.later(function(){
    data.forEach(function(item){
    console.log(item);
   });
 }, 2000);



 App.ApplicationRoute = Ember.Route.extend({
   activate: function(){
     this.controllerFor('supervisors').set("model", App.Supervisor.find());
   }
 });
```
http://jsbin.com/ijiqeq/12/edit

Glück mit Ember!
```
 someArray: function(){
   var arr = Ember.A();
   this.get('model').forEach(function(item){
     item.get('sites').forEach(function(site){
       arr.pushObject(someObject); //some object that is represents each specific combination
     });
   });
 }.property('model')
```
- Ich habe. Es wird nur iteriert einmal und Protokolle der ersten Position.
- Sorry, ich habe übersehen, dass in den ersten Beitrag, Können Sie generieren ein jsbin/jsfiddle zeigt den Fehler?
- Vielen Dank für einen Blick auf diese, Daniel. Ich habe es in einem jsbin: jsbin.com/ijiqeq/3/edit. Läuft es in den Papierkorb zeigt, dass das Daten-Objekt hat vier Elemente, aber alle der Artikel zeigt auf null, wenn ich die Iteration über Sie, das ist seltsam und macht mich denken, dass das irgendwie das erste Element war der erste Satz an anderer Stelle in meinem code. Nicht sicher, wie das passieren konnte. Also ich bin ein wenig mehr verwirrt jetzt...
- nur um zu klären - die Elemente zeigen undefined, nicht null
- Ich habe aktualisiert die jsbin mit einer Ansicht arbeiten, und hoffentlich erklärt es ein bisschen. Es ist alles über timing, diese Modelle sind nicht materialisiert, sofort nach dem dann nur die Schalen der Modelle, die Ember Haken können in und zu überwachen.
- Danke @Daniel. Ich Folge, was Sie hier getan haben, und es macht Sinn. Mein problem ist, dass ich möchte, um zu verändern die Struktur des Arrays, und ich bin nicht sicher, wo/wie es zu tun. Jetzt, Vorgesetzte.find() gibt mir ein array mit jeder Betreuerin und jeder hat ein Attribut "Seiten", welche ein array mit den site-IDs, auf die die sup gehört. Ich möchte zu reduzieren, dass array so dass jede site/supervisor-Kombination ist ein element im array. Das array wird dann gebunden sein, um meine Glut.Wählen Sie element. Ich bin nur nicht sicher, wo Prozess, array oder zeigen, wie ein Beobachter für diese Art von ändern.
- Ich lief aus dem Zimmer auf die Letzte Bemerkung, doch bin ich darin einen Sinn? Oder werde ich über das alles falsch? Vielen Dank für kleben mit mir auf diese ein.
- hmmmm, ich glaube, ich verstehe, so dass Sie Art wollen eine left join (duplizieren, einen Betreuer für jede site). Also ich würde empfehlen, gegen diese, nur weil dann haben Sie mehr als eine Quelle der Wahrheit für einen supervisor. Aka, wenn du etwas ändern auf einen Vorgesetzten Modell, Sie würde auf die Jagd nach den rest des Vorgesetzten Modell ist, dass, sollte das gleiche Modell und aktualisieren Sie Sie. Können Sie mir ein Beispiel, warum Sie möchten, dass das Modell vervielfältigt, und vielleicht kann ich ein Beispiel geben, einen workaround zu geben, die Ihnen die gleichen Ergebnisse.
- Das ist genau richtig. Ich möchte die Benutzer werden in der Lage, wählen Sie eine Website/supervisor-Kombination auf einem Formular mit einem einzigen <select> element. Ich kann das binden eines array zu Ember.Wählen Sie, die schien (zunächst) wie eine einfache option, aber ist vielleicht nicht das beste Werkzeug für diesen job. Ich kann auch einen anderen Endpunkt auf meine RUHE, aber es scheint so, dass sollte nicht notwendig sein. Bin ich besser dran zu bauen, meine eigene Sicht für das select-element, die beobachtet, beide Seiten und Vorgesetzten?
- Ich würde generieren ein zusätzliches array je nach Modell. Ich werde es oben.
- genial. Danke!
InformationsquelleAutor Kingpin2k

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.