Plone5 Mockup Widgety podoba pat-pickadate nie działa na dynamicznie generowanej zawartości

Question

Przyjmijmy następujący kod głupie fragment w Plone 5 szablonu strony:

<input id="foo" class="pat-pickadate" /> 

<input id="bar" /> 

<script type="text/javascript" > 
     $('#bar').click(function() { 
      $('#bar').addClass("pat-pickadate"); 
     }); 
</script> 

dostaniesz dwa wejścia. Pierwszy to ładne wejście kalendarza, a drugi na początku jest pusty. Po kliknięciu drugiego wejścia jego klasa zostanie ustawiona na "pat-pickadate" - podobnie jak pierwsza - ale żaden kalendarz nie zostanie wyrenderowany.

Natknąłem się na to, próbując znaleźć przyczynę, dlaczego moje nakładki jquery-UI wyświetlające dodawanie warstwy i widoki edycji już nie (Plone5) pokazują w ogóle widżety kalendarza.

Czy to zachowanie jest zamierzone? Jeśli tak, jaki jest prawidłowy sposób korzystania z widżetów makiety w formach dynamicznie uzyskiwanych przez wywołania AJAX w programie Plone 5? Czy jest jakiś magiczny komunikat informujący o makiecie maszyny zmiany DOM?

Czytałem, że makieta ma własną technikę nakładki, ale trudno jest przepisać około 600 linii złożonego kodu JS, aby uzyskać prosty widget.

Nie mogłem znaleźć żadnej dokumentacji ani przykładów na ten temat. Czy ktoś może skierować mnie we właściwym kierunku?

Answer 1

Wzorce są inicjalizowane w czasie ładowania, jeśli DOM zmienia się i zawiera nowe elementy, które mają być renderowane za pomocą wzorca, należy zadzwonić pod numer Registry.scan.

Aby to zrobić, trzeba będzie zmienić skrypt tak:

require([ 
    'jquery', 
    'pat-registry' 
], function($, Registry) { 
    $('#bar').click(function() { 
     $('#bar').addClass("pat-pickadate"); 
     Registry.scan($('#bar')); 
    }); 
}) 

skrypt nie musi być inline, ponieważ nic nie gwarantuje, że jQuery i/lub wymagają już załadowany. Więc umieścić swój kod w oddzielnym pliku JS, i upewnić się, że jest załadowany na stronie za pomocą jednego z tych 2 sposoby:

• umieścić plik w temacie diazowe i dodać <script> tag w swojej index.html (wolą tego podejścia, jeśli rozwijają moduł tematyczny)

• zadeklarować swój skrypt bezpośrednio jako skompilowany pakiet w registry.xml, patrz https://github.com/collective/example.p4p5/blob/master/src/example/p4p5/profiles/plone5/registry.xml (wolą tego podejścia, jeśli rozwijają się dodatkowy moduł)

Ostatnie pytanie

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Powiązane problemy

• Brak powiązanych problemów^_^