解决Django layui {{}}冲突的问题


Posted in Python onAugust 29, 2019

layui的table的自定义模板需要用到{{}},但是和Django的{{}}冲突了,layui的{{}}失效了

解决方法:从Django 1.5开始,支持{% verbatim %}标签(verbatim的意思是逐字翻译的,字面意思的),Django不会渲染verbatim标签包裹的内容

<table class="layui-table" lay-data="{ height:332, url:'/get_shop_table_msg/', page:false, id:'idTest'}"
    lay-filter="demo">
  <thead>
  <tr>
    <th lay-data="{checkbox:true, fixed: true}"></th>
    <th lay-data="{field:'shop_id', width:80, sort: true, fixed: true}">店铺ID</th>
    <th lay-data="{field:'shop_name',width:200, sort: true}">店铺名称</th>
    <th lay-data="{field:'shop_url', width:500, templet:'#a_shop_url'}">店铺Url</th>
    <th lay-data="{fixed: 'right', width:160, align:'center', toolbar: '#barDemo'}"></th>
  </tr>
  </thead>
</table>
 
<script type="text/html" id="a_shop_url">
  <a href="{% verbatim %}{{ d.shop_url }}{% endverbatim %}" rel="external nofollow" class="layui-table-link" target="_blank"> {% verbatim %}{{ d.shop_url }}{% endverbatim %}  </a>
</script>

将layui用到的{{}},用

{% verbatim %}{% endverbatim %}

包起来就可以了。

以上这篇解决Django layui {{}}冲突的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
利用Python中的mock库对Python代码进行模拟测试
Apr 16 Python
在Python中操作字典之clear()方法的使用
May 21 Python
python实现图片处理和特征提取详解
Nov 13 Python
对python的文件内注释 help注释方法
May 23 Python
python进行两个表格对比的方法
Jun 27 Python
Python面向对象之类和实例用法分析
Jun 08 Python
Python求均值,方差,标准差的实例
Jun 29 Python
python使用 __init__初始化操作简单示例
Sep 26 Python
TensorFlow实现checkpoint文件转换为pb文件
Feb 10 Python
windows下Pycharm安装opencv的多种方法
Mar 05 Python
python如何从键盘获取输入实例
Jun 18 Python
详解Python openpyxl库的基本应用
Feb 26 Python
Python Django实现layui风格+django分页功能的例子
Aug 29 #Python
在Django下测试与调试REST API的方法详解
Aug 29 #Python
阿里云ECS服务器部署django的方法
Aug 29 #Python
树莓派3 搭建 django 服务器的实例
Aug 29 #Python
使用Django搭建web服务器的例子(最最正确的方式)
Aug 29 #Python
Python处理session的方法整理
Aug 29 #Python
django自带调试服务器的使用详解
Aug 29 #Python
You might like
php漏洞之跨网站请求伪造与防止伪造方法
2013/08/15 PHP
PHP框架Swoole定时器Timer特性分析
2014/08/19 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
微信网页授权(OAuth2.0) PHP 源码简单实现
2016/08/29 PHP
PHP读取文件,解决中文乱码UTF-8的方法分析
2020/01/22 PHP
js 图片缩放(按比例)控制代码
2009/05/27 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/06 Javascript
Dom在ajax技术中的作用说明
2010/10/25 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
js限制文本框只能输入数字(正则表达式)
2012/07/15 Javascript
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
jQuery队列操作方法实例
2014/06/11 Javascript
Javascript对象字面量的理解
2016/06/22 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
2017/01/13 Javascript
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
2018/09/13 Javascript
Vue项目History模式404问题解决方法
2018/10/31 Javascript
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
Win7上搭建Cocos2d-x 3.1.1开发环境
2014/07/03 Python
使用python实现省市三级菜单效果
2016/01/20 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
Python自动发送邮件的方法实例总结
2018/12/08 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
解决Python3 控制台输出InsecureRequestWarning问题
2019/07/15 Python
pytorch实现focal loss的两种方式小结
2020/01/02 Python
Python reversed函数及使用方法解析
2020/03/17 Python
python实现吃苹果小游戏
2020/03/21 Python
jupyter notebook 参数传递给shell命令行实例
2020/04/10 Python
印度尼西亚最完整和最大的在线药房网站:Farmaku.com
2019/11/23 全球购物
初中生三年学习生活的自我评价
2013/11/03 职场文书
会计学习心得体会
2014/09/09 职场文书
大学感恩节活动策划方案
2014/10/11 职场文书
Vue实现下拉加载更多
2021/05/09 Vue.js
MySQL 计算连续登录天数
2022/05/11 MySQL