首页 技术 正文
技术 2022年11月15日
0 收藏 703 点赞 3,238 浏览 1883 个字

一般情况下我们在模板利用django的for标签循环生成html代码时,可以同时生成形如:

"{% url 'dormitory:hygiene_detail' pk={{ id }} %}"

的url地址,这样很容易就把参数动态的匹配到每一个url中了。

但是,如果html的代码需要js来动态的生成,再用django的for标签就不合适了。

因为for标签运用在js里,会生成大量的js代码。

因此,这就需要使用json.dumps()来把后台的dict数组转化成json数组,再在模板中使用safe过滤器来获取json数据,获取了json数据,剩下的事交给js就可以了。

但是,这种情况下,我遇到了一个头疼的问题,那就是url不能使用以下方式来传递参数了。

"{% url 'dormitory:hygiene_detail' pk={{ id }} %}"

这个时候我就想到了使用后台来传递url地址:

"href": "{% url 'dormitory:hygiene_detail' pk=" + str(id) + " %}"

这样在前台遍历json数组的时候就可以拿到href属性。

for(var i in {{ dormitory_list|safe }}){    var item = dormitory_list[i];    str += '<div class="dormitory-number color-0082fe" is_checked="1" href="' + item.href + '" rel="external nofollow" >' + item.number + '</div>';}

在click事件里面拿到href属性实现跳转:

$('.dormitory-number').on('click', function(e){            if($(e.target).attr('is_checked') == '1'){                window.location.href = $(e.target).attr('href');            }}

什么?你以为这样就万事大吉了?NO NO,接下来我又发现在模板中接收到的这个url参数是个静态字符串,并未解析:

alert(url);

显示:{% url ‘dormitory:hygiene_detail’ pk=10 %}

想要得到的渲染结果应该是:/dormitory/hydiene_detail/10/

解决方法就是在后台传递href参数时,使用Django的Template处理一下即可:

from django.template import Context, Templatectx['dormitory_list'].append({                "number": 100,                "is_checked": 1,                "id": id,                "href": Template("{% url 'dormitory:hygiene_detail' pk=" + str(id) + " %}").render(Context())            })

最后一步,在click事件里面实现跳转:

$('.dormitory-number').on('click', function(e){            if($(e.target).attr('is_checked') == '1'){                window.location.href = $(e.target).attr('href');            }}

到此就万事大吉啦!

E:\qiye (gengleiming)λ manage.py shellPython 2.7.11 (v2.7.11:6d1b6a68f775, Dec  5 2015, 20:40:30) [MSC v.1500 64 bit (AMD64)]Type "copyright", "credits" or "license" for more information.IPython 5.0.0 -- An enhanced Interactive Python.?         -> Introduction and overview of IPython's features.%quickref -> Quick reference.help      -> Python's own help system.object?   -> Details about 'object', use 'object??' for extra details.In [1]: from django.template import Context, TemplateIn [2]: t = Template('My name is {{ name }}.')In [3]: c = Context({'name': 'nowamagic'})In [4]: t.render(c)Out[4]: u'My name is nowamagic.'In [5]:
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,983
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,500
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,344
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,127
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,761
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,838