解决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中3种内建数据结构:列表、元组和字典
Nov 30 Python
pandas使用get_dummies进行one-hot编码的方法
Jul 10 Python
django.db.utils.ProgrammingError: (1146, u“Table‘’ doesn’t exist”)问题的解决
Jul 13 Python
python实现飞机大战游戏
Oct 26 Python
利用anaconda保证64位和32位的python共存
Mar 09 Python
Python中的 sort 和 sorted的用法与区别
Aug 10 Python
Pytorch中的variable, tensor与numpy相互转化的方法
Oct 10 Python
Django连接数据库并实现读写分离过程解析
Nov 13 Python
django 解决扩展自带User表遇到的问题
May 14 Python
python中二分查找法的实现方法
Dec 06 Python
Python wordcloud库安装方法总结
Dec 31 Python
Python学习之包与模块详解
Mar 19 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判断类是否存在函数class_exists用法分析
2014/11/14 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
PHP中的日期时间处理利器实例(Carbon)
2017/06/09 PHP
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
一个JQuery操作Table的代码分享
2012/03/30 Javascript
jQuery图片播放8款精美插件分享
2013/02/17 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
NodeJS中Buffer模块详解
2015/01/07 NodeJs
jquery实现搜索框常见效果的方法
2015/01/22 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
2015/03/09 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
AngularJS基础 ng-include 指令简单示例
2016/08/01 Javascript
Angular表单验证实例详解
2016/10/20 Javascript
layui表格实现代码
2017/05/20 Javascript
javascript实现最长公共子序列实例代码
2018/02/05 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
2018/04/23 Javascript
vuex vue简单使用知识点总结
2019/08/29 Javascript
创建nuxt.js项目流程图解
2020/03/13 Javascript
[55:04]海涛DOTA2死魂复燃6.82版本介绍
2014/09/28 DOTA
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
聊聊Python中的pypy
2018/01/12 Python
Python代码块批量添加Tab缩进的方法
2018/06/25 Python
PyTorch和Keras计算模型参数的例子
2020/01/02 Python
解决django xadmin主题不显示和只显示bootstrap2的问题
2020/03/30 Python
python 获取谷歌浏览器保存的密码
2021/01/06 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
凌阳科技股份有限公司C++程序员面试题笔试题
2014/11/20 面试题
什么是JNDI的上下文?如何初始化JNDI上下文
2012/03/10 面试题
工业设计毕业生自荐信
2014/04/13 职场文书
北京离婚协议书范文2014
2014/09/29 职场文书
房产公证书
2015/01/23 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
答辩状格式范本
2015/05/22 职场文书
蔬果开业典礼发言稿应该怎么写?
2019/09/03 职场文书