Zrozumienie cyklu życia kręgosłupa i marionetki
Jestem nowy na tym świecie i muszę zrozumieć niektóre koncepcje kręgosłupa i marionetki. Tutaj próbuję wyjaśnić niektóre pojęcia, których się uczę. Byłoby wspaniale mieć jakieś opinie na ich temat.
Therender
funkcja definiuje logikę renderowania szablonu. Po zakończeniuonRender
wywołanie zwrotne jest wywoływane. Przypuszczam, że renderowany widok nie został dołączony do DOM. Składa się z atagName
(domyślnie todiv
), który zawiera szablon, który do niego dołączam. Aby jawnie wstawić ten tag do DOM, muszę go gdzieś dołączyć. Czy się mylę?
Ogólnie robię co następuje.
var view = new MyView();
view.render();
$("container").append(view.$el);
Marionette rozszerza kręgosłup o koncepcję regionów. Theshow
metodę można wywołać w regionie, aby przedstawić konkretny widok.
var view = new MyView();
region.show(view);
W tym przypadkushow
metoda zostanie wywołanarender
funkcjonować samodzielnie i wreszcie, gdy zawartość widoku zostanie umieszczona w DOM, theonShow
jest wywoływany w tym widoku. Czy to jest w porządku?
Z dokumentu Marionette doc jest również wywołanie zwrotneonDomRefresh
. Z moich eksperymentów zauważyłem, że ta metoda jest nazywana wcześniejonShow
. Więc moim przypuszczeniem jest, że widok nie został jeszcze dołączony do DOM. Ale dokument mówi następująco.
Wyzwolony po renderowaniu widoku, został pokazany w DOM za pomocą Marionette.Region i został ponownie renderowany.
Czy możesz podać kilka wskazówek?
Z góry dziękuję.