tworzenie rekordu z Ember.js & Ember-data & Rails i obsługa listy rekordów

Buduję aplikację, która ma układ jak poniżej.

Podgląd http://sunshineunderground.kr/problem-01.png

Chcę utworzyć nowy post, więc nacisnąłem 'new post button' i zabrało mnie do' posts/new ' trasa.

Moje PostsNewRoute jest jak poniżej (zastosowałem metodę opisaną tutaj)

 App.PostsNewRoute = Ember.Route.extend({
     model: function() {

           // create a separate transaction, 

           var transaction = this.get('store').transaction();

           // create a record using that transaction

           var post = transaction.createRecord(App.Post, {
                title: 'default placeholder title',
                body: 'default placeholder body'
           });

          return post;
     } 
 });

Natychmiast tworzy nowy rekord, aktualizuje listę postów i wyświetla formularze dla nowego postu.

Podgląd http://sunshineunderground.kr/problem-02.png

Teraz mam dwa problemy.

Jednym z nich jest kolejność listy postów.

Spodziewałem się, że nowy post będzie na szczycie listy, ale jest na dole listy.

Używam rails jako zaplecza i ustawiam kolejność modelu posta na

 default_scope order('created_at DESC')

Więc stary Post znajduje się poniżej w istniejących postach. ale nowo utworzony nie jest. (który nie jest jeszcze przypisany do backendu)

Innym jest kiedy klikam utworzony post na liście

Mogę kliknąć mój nowo utworzony post na liście postów. i zaprowadziło mnie do strony posta z adresem URL

 /posts/null

1. Po kliknięciu "new post button" Utwórz rekord i zatwierdź do serwera natychmiast, a gdy serwer pomyślnie zapisał mój nowy rekord, Odśwież listę postów i wejdź w tryb edycji nowo utworzonego poczta.

2. Lub wstępnie ustawić model trasy na null i utworzyć rekord, gdy kliknę przycisk "Wyślij" w widoku PostsNewView.

3. Lub Pokaż Pokaż tylko posty, których atrybutem jest

       'isNew' = false, 'isDirty' = false, 
   

Na liście..

Dla rozwiązania 1, całkowicie się gubię.

Dla rozwiązania 2, Nie wiem, jak powiązać dane w formularzach wejściowych z jeszcze nie istniejącym modelem.

Dla rozwiązania 3, całkowicie spadaj.

Update

Teraz używam rozwiązania 3 i nadal mam problem z zamówieniem. Oto Mój kod szablonu postów.

    <div class="tools">
        {{#linkTo posts.new }}new post button{{/linkTo}}
    </div>
    <ul class="post-list">
        {{#each post in filteredContent}}
        <li>
            {{#linkTo post post }}
                <h3>{{ post.title }}</h3>
                <p class="date">2013/01/13</p>
                <div class="arrow"></div>
            {{/linkTo}}
        </li>
        {{/each}}
    </ul>
    {{outlet}}

Update

Rozwiązałem ten problem filtrując 'arrangedContent', a nie 'content'

 App.PostsController = Ember.ArrayController.extend({
   sortProperties: ['id'],
   sortAscending: false,
   filteredContent: (function() {

     var content = this.get('arrangedContent');

     return content.filter(function(item, index) {
       return !(item.get('isDirty'));
     });
   }).property('content.@each')

 });