polimerowy szablon "odśwież"

Question

Potrzebujesz pomocy przy koncepcji. Budowanie niestandardowego elementu wyświetlającego dane z mojej bazy danych. Korzystanie z szablonu powtarzania i działa świetnie. Raport jest zgrupowany, a więc każdy wiersz w raporcie zawiera inny poziom danych, który jest wyświetlany po wierceniu w wierszu. Teraz chcę mieć możliwość "odświeżenia" danych raportu, aby odzwierciedlić zmiany sortowania lub grupowania. Raport opiera się na tablicy "indeksowania", która wskazuje na faktyczne wyświetlane dane. Sortuję/grupuję dane w tablicy indeksu i wykorzystuję tę tablicę jako tablicę dla Powtórzenia Szablonu.

<div id="rptbody"> 
     <template repeat="{{group in groups}}"> 
      <pmg-group groupid={{group.id}} groupval={{group.groupval}} groupobj={{group.groupobj}}></pmg-group> 
     </template> 
    </div> 

Tak więc w tym przykładzie tablica grupy znajduje się lista kluczy do moich danych. W tym przykładzie tablica groups jest poprawnie uporządkowana, więc [0] zawiera pierwszy indeks do tablicy danych, a [length-1] zawiera ostatni. Mam procedurę sortowania, która zmienia wartość indeksu w grupach, ale nie dodaje ani nie usuwa elementów z tablicy groups.

Moje pytanie dotyczy mojego ośrodka, w jaki sposób uruchomić szablon, aby ponownie przeskanować listę grup. Zauważyłem, że mogę ustawić groups = [], a następnie załadować ponownie grupy (groups.push ({idx}) z mojego głównego indeksu, i to zaktualizuje szablon, ale wydaje mi się to dla mnie trochę marnotrawstwa:

Czy istnieje jakiś sposób, aby wywołać szablonu, aby odświeżyć lub ponownie przeskanować szereg grup i reorganizacji DOM w oparciu o zmiany w wartości? Czy jestem na myśli to?

myśli?

Dan

Answer 1

In the past Otrzymałem template repeat s, aby odświeżyć w ten sposób:

var template = document.querySelector('template'); // Use specific selector here 
template.iterator_.updateIteratedValue(); // Force Polymer to refresh template 

To hack, ale wygląda na to, że nadal działa. Here's a jsbin.

Answer 2

Natknąłem się na to i okazało się, że musimy użyć metody .set modelu danych elementu polimerowego. Nie znaleziono bezpośrednio żadnych dokumentów na ten temat, ale wydaje się to interesujące https://www.polymer-project.org/1.0/docs/devguide/data-binding.html#set-path. Uniknęłoby tych hacky, ponieważ mogły zmienić API w czasie.