Ponownie zastosować wiązania w nokaucie

Question

Zasadniczo chcę ponownie zastosować wiązania na tej samej stronie dla różnych obiektów, ale jest dziwne zachowanie. Po ponownym zastosowaniu wiązania lista elementów zostaje utracona.

Proszę zobaczyć tutaj: http://jsfiddle.net/baio/9UcUs/5/

Co robić?

Answer 1

Krótka odpowiedź brzmi, że nie jest obsługiwana. Długa odpowiedź brzmi, że istnieją pewne sposoby obejścia tego problemu. Jednym ze sposobów jest wywołanie cleanNode przed applyBindings, ale to nie wyczyści procedur obsługi zdarzeń. Innym sposobem jest zawijanie modelu widoku w obserwowalne, a następnie aktualizowanie, które można obserwować, aby ponownie zastosować wiązania; działa to znacznie lepiej, ale nadal ma niewielki problem (patrz poniżej).

Oto Twój przykład używając do zaobserwowania sposobu widok modelu http://jsfiddle.net/mbest/9UcUs/9/

Jedyny problem mam z użyciem zaobserwowania widoku modelu jest to, że znaleziono obsługi zdarzeń nie są całkowicie na bieżąco z nowym modelu widoku. Wywołają poprawną funkcję w nowym modelu widoku, ale wartości dla oryginalnego widoku będą miały wartości this i data.

EDIT:

Knockout 3.0 (obecnie ukazać w tym miesiącu) w pełni obsługuje modele obserwowalne widok. Nadal mogą występować problemy z niestandardowymi powiązaniami, ale mam nadzieję, że wszystko to zostanie wkrótce udokumentowane.

Answer 2

możesz powiązać ten sam model z różnymi elementami, musisz podać element, który chcesz zastosować do wiązania.

ko.applyBindings(vm, $('#yourul')); 

ko.applyBindings(vm, $('#div')); 

Answer 3

robi:

ko.applyBindings(viewModel, $('#somejQObj')[0]); 

Works jak podano w komentarzach użytkownika @ fengd odpowiedź. Obecnie istnieje tabela zapełniana przez instrukcję foreach, która ma rozwijane wiersze, z których każdy ma dynamicznie dodawaną pod-tabelę, która jest również wypełniana przez instrukcję foreach. Po dynamicznym wstawieniu każdej tabeli podrzędnej, powyższe ustawia powiązania dla pod-tabeli i zapełnia dane.