解决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字符串拼接六种方法介绍
Dec 18 Python
python 列表删除所有指定元素的方法
Apr 19 Python
Python开发之Nginx+uWSGI+virtualenv多项目部署教程
May 13 Python
python中调试或排错的五种方法示例
Sep 12 Python
手把手教你Python yLab的绘制折线图的画法
Oct 23 Python
Python队列、进程间通信、线程案例
Oct 25 Python
python列表生成器迭代器实例解析
Dec 19 Python
python 多进程队列数据处理详解
Dec 23 Python
python 使用多线程创建一个Buffer缓存器的实现思路
Jul 02 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
Aug 26 Python
用 Python 元类的特性实现 ORM 框架
May 19 Python
只用20行Python代码实现屏幕录制功能
Jun 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的Yii框架中使用数据库的配置和SQL操作实例教程
2016/03/17 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
php实现的双色球算法示例
2017/06/20 PHP
使用laravel和ECharts实现折线图效果的例子
2019/10/09 PHP
关于jquery css的使用介绍
2013/04/18 Javascript
js判断游览器类型及版本号的代码
2014/05/11 Javascript
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
javaScript中Math()函数注意事项
2015/06/18 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
2016/06/12 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
js 点击a标签 获取a的自定义属性方法
2016/11/21 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
javascript九宫格图片随机打乱位置的实现方法
2017/03/15 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
前端构建工具之gulp的语法教程
2017/06/12 Javascript
JavaScript登录验证基础教程
2017/11/01 Javascript
转换layUI的数据表格中的日期格式方法
2019/09/19 Javascript
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
Python实现将16进制字符串转化为ascii字符的方法分析
2017/07/21 Python
简单实现python收发邮件功能
2018/01/05 Python
Python3中正则模块re.compile、re.match及re.search函数用法详解
2018/06/11 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
Ubuntu下Python2与Python3的共存问题
2018/10/31 Python
python+opencv实现高斯平滑滤波
2020/07/21 Python
python命令行工具Click快速掌握
2019/07/04 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
自定义html标记替换html5新增元素
2008/10/17 HTML / CSS
多视角3D逼真HTML5水波动画
2016/03/03 HTML / CSS
关于iframe跨域使用postMessage的实现
2019/10/29 HTML / CSS
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
党校培训思想汇报
2013/12/30 职场文书
数控技校生自我鉴定
2014/03/02 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
2016年小学生清明节广播稿
2015/12/17 职场文书
2016年教师反腐倡廉心得体会
2016/01/13 职场文书