layuiAdmin 局部刷新模板

项目中需要使用到layui局部刷新模板，而layui文档上却没有写出来方法，自己看了下源码，才知道怎么用，贴出来和大家一起分享

	<!--这里假设我有一个模板-->
    <script type="text/html" template lay-url="xxx" id="TPL_layout">
		<div lay-templateid="TPL_layout">
			、<!--你的模板内容-->
		</div>
	</script>

    <!--以下为js -->
    <!--当需要刷新的时候 注意 id -->
    layui.view('TPL_layout').refresh();
    from.render();
    <!-- 如果模板内有表单等元素 也需要重新渲染
        如加上 from.render();
    -->

    <!--为什么多一个 div 包裹了一下，我们来看一下源码 -->

	//局部刷新模板
	Class.prototype.refresh = function(callback) {
		var that = this,
			next = that.container.next(),
			templateid = next.attr('lay-templateid');
        <!--这里读取不到id 就直接返回了而不刷新 -->
		if(that.id != templateid) return that;

		that.parse(that.container, 'refresh', function() {
			that.container.siblings('[lay-templateid="' + that.id + '"]:last').remove();
			typeof callback === 'function' && callback();
		});

		return that;
	};

本文链接：https://blog.csdn.net/qq_35427720/article/details/88838968

智能推荐

局部刷新

参考：https://www.jb51.net/article/46622.htm 局部刷新是刷新页面的一部分，在此案例中实现的只是图标的改变，把后台代码和前台现实的图标分离，并不是对数据库重新做查询，二是后台数显数据修改之后，前台直接改变图标。 1.页面给每条记录的图标一个唯一的id值： 2.Ajax验证：给A标签添加的id= aUnread，再添加事件 3.后台action: ...

在项目开发过程中，局部刷新是个很常见的需求。就比如说点击按钮，使页面的某一个局域数据刷新，亦或是定时更新页面某个表格的数据，并更新表格显示。所以说所谓局部刷新就是不刷新整个网页而更新页面的部分内容。目前做过的局部刷新有以下中：一、原生js做局部刷新思路：这种不使用框架的局部刷新，无疑是离不开js对dom的操作，js获取需要局部刷新的区域，通过js填写区域内容，这里不考虑浏览器兼容性的话，使用...

局部刷新

2019独角兽企业重金招聘Python工程师标准>>> topic_knowledge.jsp：另：需加的部分（ ajaxAnywhere.getZonesToReload = function() { return "zoneName"; } <aa:zone name="zoneName"> aj...

JinJa模板—局部模板、宏

局部模板局部模板仅包含部分代码，所以不会再视图函数中直接渲染它，而是插入到其他独立模板中。我们使用include标签来插入一个局部模板，这会把局部模板的全部内容插在使用include标签的位置。注：为了和普通模板区分开，局部模板的命名通常以一个下划线开始。宏（macro）定义宏可以把一部分模板代码封装在宏中，使用传递的参数来构建内容，最后返回构建后的内容。为了便于管理，我们通常把宏存...

layuiAdmin循环遍历展示商品图片列表

主页面内容发送ajax填充动态数据注：：主页面中a标签的lay-href属性请求不刷新页面如果需要请求过去每次刷新页面需改成前面加 ./#...

代码先锋网代码片段及技术文章聚合