解决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实现简单字典树的方法
Apr 29 Python
详解duck typing鸭子类型程序设计与Python的实现示例
Jun 03 Python
Python 装饰器使用详解
Jul 29 Python
Python进阶之递归函数的用法及其示例
Jan 31 Python
详解python的ORM中Pony用法
Feb 09 Python
python循环输出三角形图案的例子
Nov 22 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
Feb 11 Python
pycharm设置当前工作目录的操作(working directory)
Feb 14 Python
基于Python实现视频的人脸融合功能
Jun 12 Python
Python2.x与3​​.x版本有哪些区别
Jul 09 Python
python中pyplot基础图标函数整理
Nov 10 Python
七个非常实用的Python工具包总结
Jun 15 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批量删除操作(数据访问)
2017/05/23 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
2018/04/21 PHP
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
通过action传过来的值在option获取进行验证的方法
2013/11/14 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
2015/12/23 Javascript
基于jquery实现简单的分页控件
2016/03/17 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
JavaScript实现简单评论功能
2017/08/17 Javascript
Vue.js项目模板搭建图文教程
2017/09/20 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
vue中keep-alive组件的入门使用教程
2019/06/06 Javascript
Vue动态修改网页标题的方法及遇到问题
2019/06/09 Javascript
不刷新网页就能链接新的js文件方法总结
2020/03/01 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
Python的网络编程库Gevent的安装及使用技巧
2016/06/24 Python
使用Python Pandas处理亿级数据的方法
2019/06/24 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
Pytorch to(device)用法
2020/01/08 Python
matplotlib 画动态图以及plt.ion()和plt.ioff()的使用详解
2021/01/05 Python
使用Python webdriver图书馆抢座自动预约的正确方法
2021/03/04 Python
Web前端页面跳转并取到值
2017/04/24 HTML / CSS
英国最大的宠物食品和宠物用品网上零售商: Zooplus
2016/08/01 全球购物
域名注册、建站工具、网页主机、SSL证书:Dynadot
2017/01/06 全球购物
应届生法律顾问求职信
2013/11/19 职场文书
高中毕业生个人自我鉴定
2013/11/24 职场文书
自我评价的写作规则
2014/01/06 职场文书
母亲七十大寿答谢词
2014/01/18 职场文书
儿童生日会策划方案
2014/05/15 职场文书
建筑技术负责人岗位职责
2015/04/13 职场文书
战马观后感
2015/06/08 职场文书
Unicode中的CJK(中日韩统一表意文字)字符小结
2021/12/06 HTML / CSS