add example for issue 579

example/unicorn/components/child.py

@@ -0,0 +1,7 @@
+from datetime import datetime
+from django_unicorn.components import UnicornView
+
+class ChildView(UnicornView):
+ def foo(self):
+ print("child clicked, calling parent's foo()")
+ self.parent.foo()

example/unicorn/components/parent.py

@@ -0,0 +1,11 @@
+from datetime import datetime
+from django.utils import timezone
+from django_unicorn.components import UnicornView
+
+class ParentView(UnicornView):
+ def mount(self):
+ print("parent mount: request=", self.request)
+
+
+ def foo(self):
+ print("parent click: request=", self.request)

example/unicorn/templates/unicorn/child.html

@@ -0,0 +1,5 @@
+<div>
+ <div style="width:100px;height:100px;margin:10px;background-color:#ffaaaa" unicorn:click="foo()">
+ Child
+ </div>
+</div>

example/unicorn/templates/unicorn/parent.html

@@ -0,0 +1,10 @@
+{% load unicorn %}
+<div>
+ <div style="width:200px;height:200px;margin:10px;background-color:#aaffaa" unicorn:click="foo()">
+ Parent
+ </div>
+
+ <hr>
+
+ {% unicorn "child" dt=foobar parent=view %}
+</div>

example/www/templates/www/base.html

@@ -43,11 +43,12 @@ <h1>django-unicorn</h1>
  <li><a href="{% url 'www:template' 'js' %}">JavaScript integration</a></li>
  <li><a href="{% url 'www:direct-view' %}">Direct View</a></li>
  <li><a href="{% url 'www:redirects' %}">Redirects</a></li>
+ <li><a href="{% url 'www:template' 'parent' %}">Test Parent/Child</a></li>
  </ul>
 
  {% block content %}{% endblock content %}
 
  </main>
 </body>
 
-</html>
+</html>

example/www/templates/www/parent.html

@@ -0,0 +1,12 @@
+{% extends "www/base.html" %}
+{% load static unicorn %}
+
+{% block content %}
+
+<h2>Parent/Child</h2>
+
+This is the "parent" component, which in turn loads the "child" component. Click each.
+
+{% unicorn 'parent' %}
+
+{% endblock content %}