Django Deep Linking使用#tag进行渲染

时间:2017-12-05 08:28:04

标签: django tabs django-templates deep-linking

我正在尝试使用Dango的Deep Link标签,在最后添加#panel1。

这将是所需的模板:

template = "charts/chart1.html#panel1"
return render ( request, template, context )

但是很明显,一旦我添加了#标签,Django就无法找到该模板。

有没有办法克服这个问题?

谢谢。

https://foundation.zurb.com/sites/docs/tabs.html

2 个答案:

答案 0 :(得分:0)

#(hashbang)之后的任何内容都没有发送到Django webserver。你必须在你的Javascript中做逻辑。请考虑将所有图表代码添加到charts/chart.html,我认为为切换添加tabs类。

视图

template = "charts/chart.html"
return render ( request, template, context )

HTML

<ul class="tabs" data-tabs id="example-tabs">
  <li class="tabs-title is-active"><a href="#panel1" aria-selected="true">Tab 1</a></li>
  <li class="tabs-title"><a data-tabs-target="panel2" href="#panel2">Tab 2</a></li>
</ul>

但是如果您正在寻找JS参考here

答案 1 :(得分:0)

我不是一个javascript的人,但我得到了这个工作。也许它可以改进?

我在视图中设置标签位置:

tab = '#panel2v'
然后打电话给基金会JS。

$('[data-tabs]').eq(0).foundation('selectTab', $('{{tab}}'));

我希望这有帮助吗?欢呼声。