How to Display subcategory under Category in Django? - django

Question

I have some issue with displaying WebSubCategory under WebCategory in Django. I have already displayed WebCategory but I am unable to display WebSubCategory under WebCategory.
Here is my models.py file:
class WebCategory(models.Model):
name = models.CharField(max_length=50, unique=True, verbose_name='Category name')
slug = models.SlugField(verbose_name='Slug')
title = models.CharField(max_length=165, null=True)
metadesc = models.TextField(max_length=165, null=True)
created_at = models.DateTimeField(auto_now_add=True, null=True)
updated_at = models.DateTimeField(auto_now=True)
class Meta:
verbose_name_plural = 'WebCategory'
def save(self, *args, **kwargs):
self.slug = slugify(self.name)
super(WebCategory, self).save(*args, **kwargs)
def __str__(self):
return self.name
class WebSubCategory(models.Model):
category = models.ForeignKey('WebCategory', related_name='subcategory', on_delete=models.CASCADE, blank=True,
null=True, verbose_name='Select category')
name = models.CharField(max_length=50)
slug = models.SlugField(unique=True, null=True)
title = models.CharField(max_length=100, null=True)
metadesc = models.TextField(max_length=165, null=True)
description = RichTextField(blank=True, null=True)
created_at = models.DateTimeField(auto_now_add=True, null=True)
updated_at = models.DateTimeField(auto_now=True)
class Meta:
verbose_name_plural = 'WebSubCategory'
def __str__(self):
return self.name
Here is my views.py file
def home(request):
context = RequestContext(request)
category_list = WebCategory.objects.order_by('-created_at')[:5]
subcategory_list = WebSubCategory.objects.order_by('-created_at')[:5]
context_dict = {'webcat': category_list, 'websubcat':category_list}
return render_to_response('home.html', context_dict, context)
And here is my header.html file, where i want to diplay category and subcategory
<ul class="nav nav-pills" id="mainNav">
{%if webcat %}
{% for category in webcat %}
<li class="dropdown dropdown-mega">
<a class="dropdown-item dropdown-toggle" href="JavaScript:void()">
{{category.name}}
</a>
{% if websubcat.webcat %}
<ul class="dropdown-menu">
<li>
<div class="dropdown-mega-content">
<div class="row">
{% for subcategory in websubcat.webcat %}
<div class="col-lg-3">
<span class="dropdown-mega-sub-title">Elements 1</span>
<ul class="dropdown-mega-sub-nav">
<li><a class="dropdown-item" href="elements-accordions.html">{{subcategory.name}}</a></li>
</ul>
</div>
{% endfor %}
</div>
</div>
</li>
</ul>
{% else %}
<p>Not Found Submenu</p>
{% endif %}
</li>
{% endfor %}
{% else %}
<p>No Category Found</p>
{% endif %}
Blog
Please help me to display the WebSubCategory under WebCategory.

Answer 1

{% if webcat_set.all|length > 0 %}
{% for subcategory in webcat_set.all %}
<div class="col-lg-3">
<span class="dropdown-mega-sub-title">Elements 1</span>
<ul class="dropdown-mega-sub-nav">
<li><a class="dropdown-item" href="elements-accordions.html"> {{subcategory.name}}</a></li>
</ul>
</div>
{% endfor %}
{% endif %}