在Django航行

我是django-lineage的作者,我是专门为解决这个问题写的:D

我在自己的项目中使用(完全可以接受的)jpwatts方法变得恼火,并从110j的答案中汲取灵感.天堂看起来像这样:

{% load lineage %}

    Home
    Services
    Contact

ancestor 如果参数与当前页面URL的开头匹配,则简单地将其替换为"active".

{% url %}还支持变量参数和完整类型反向分辨率.我在一些配置选项中添加了一些选项,并将其打包并打包以供所有人使用.

如果有人有兴趣,请阅读以下内容:

自Django 1.5开始:

在所有基于类的通用视图(或从ContextMixin继承的任何基于类的视图)中,上下文字典包含指向View实例的视图变量.

因此,如果您使用此类视图,则可以添加类似于breadcrumbs类级别字段的内容并在模板中使用它.

示例视图代码:

class YourDetailView(DetailView):
     breadcrumbs = ['detail']
     (...)

在您的模板中,您可以通过以下方式使用它:

Detail

如果要另外"突出显示"父导航项,则需要扩展breadcrumbs列表:

class YourDetailView(DetailView):
     breadcrumbs = ['dashboard', 'list', 'detail']
     (...)

...并在您的模板中:

Dashboard
List
Detail

这是简单而干净的解决方案,适用于嵌套导航.

您可以将类或id应用于页面的body元素,而不是应用于特定的nav项.

HTML:

CSS:

body.home #nav_home,
body.about #nav_about { */ Current nav styles */ }

我是这样做的:

Statistics

然后我所要做的就是在我的视图中添加{'active_tab': 'statistics'}到我的上下文字典中.

如果您正在使用RequestContext,则可以在模板中获取当前路径:

{{ request.path }}

在你看来:

from django.template import RequestContext

def my_view(request):
    # do something awesome here
    return template.render(RequestContext(request, context_dict))

我从上面的nivhab获取了代码并删除了一些wierdness并将其变成了一个干净的模板标签,修改它以便/ account/edit /仍然会使/ account/tab处于活动状态.

#current_nav.py
from django import template

register = template.Library()

@register.tag
def current_nav(parser, token):
    import re
    args = token.split_contents()
    template_tag = args[0]
    if len(args) < 2:
        raise template.TemplateSyntaxError, "%r tag requires at least one argument" % template_tag
    return NavSelectedNode(args[1])

class NavSelectedNode(template.Node):
    def __init__(self, url):
        self.url = url

    def render(self, context):
        path = context['request'].path
        pValue = template.Variable(self.url).resolve(context)
        if (pValue == '/' or pValue == '') and not (path  == '/' or path == ''):
            return ""
        if path.startswith(pValue):
            return ' class="current"'
        return ""



#template.html
{% block nav %}
{% load current_nav %}
{% url home as home_url %}
{% url signup as signup_url %}
{% url auth_login as auth_login_url %}

    
Home
    
Login
    
Signup

{% endblock %}

这只是Toba上面提出的css解决方案的一个变种:

在基本模板中包含以下内容:

然后在扩展基本用途的模板中:

{% block section %}show{% endblock %}

然后,您可以使用css根据body标签突出显示当前区域(例如,如果我们有一个id为nav-home的链接):

#section-home a#nav-home{
 font-weight:bold;
}