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;
	};

 

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值