解决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 json encode datetime类型
Dec 28 Python
Python的Tornado框架异步编程入门实例
Apr 24 Python
python简单实现刷新智联简历
Mar 30 Python
python文本数据相似度的度量
Mar 12 Python
python实现可视化动态CPU性能监控
Jun 21 Python
Python中return self的用法详解
Jul 27 Python
python实现两个dict合并与计算操作示例
Jul 01 Python
Python中模块(Module)和包(Package)的区别详解
Aug 07 Python
python安装virtualenv虚拟环境步骤图文详解
Sep 18 Python
python实现的读取网页并分词功能示例
Oct 29 Python
Python使用循环神经网络解决文本分类问题的方法详解
Jan 16 Python
python Autopep8实现按PEP8风格自动排版Python代码
Mar 02 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中unserialize返回false的解决方法
2014/09/22 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
PHP7新功能总结
2019/04/14 PHP
实现复选框全选/全不选切换
2006/12/23 Javascript
Ajax::prototype 源码解读
2007/01/22 Javascript
document.designMode的功能与使用方法介绍
2007/11/22 Javascript
js复制网页内容并兼容各主流浏览器的代码
2013/12/17 Javascript
Jquery解析json字符串及json数组的方法
2015/05/29 Javascript
详细解读AngularJS中的表单验证编程
2015/06/19 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
AngularJs  Understanding Angular Templates
2016/09/02 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
2016/12/14 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
在Vue项目中使用d3.js的实例代码
2018/05/01 Javascript
Vue组件创建和传值的方法
2018/08/17 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
2018/12/13 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
2019/06/26 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
2019/11/01 Javascript
Python脚本实现下载合并SAE日志
2015/02/10 Python
Python中处理字符串之isalpha()方法的使用
2015/05/18 Python
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
初步剖析C语言编程中的结构体
2016/01/16 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
简单谈谈python中的lambda表达式
2018/01/19 Python
Python实现的质因式分解算法示例
2018/05/03 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
python logging模块的使用总结
2019/07/09 Python
Python批量安装卸载1000个apk的方法
2020/04/10 Python
python从PDF中提取数据的示例
2020/10/30 Python
大学生职业生涯规划书汇总
2014/03/20 职场文书
希特勒的演讲稿
2014/05/23 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
目标责任书格式
2014/07/28 职场文书
安全保证书怎么写
2015/02/28 职场文书