layuitab切换条件判定刷新当前tab
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
layuitab切换条件判定刷新当前tab 新建⼀个tab
<div class="layui-tab layui-tab-brief" lay-filter="tab-title">
<ul class="layui-tab-title">
<li class="layui-this" lay-id="1" data-val="1">1</li>
<li lay-id="2" data-val="1">2</li>
<li lay-id="3" data-val="1">3</li>
<li lay-id="4" data-val="1">4</li>
<li lay-id="5" data-val="1">5</li>
</ul>
<div class="layui-tab-item" id="mode2">
</div>
<div class="layui-tab-item" id="mode2">
</div>
<div class="layui-tab-item" id="mode3">
</div>
<div class="layui-tab-item" id="mode4" >
</div>
<div class="layui-tab-item" id="mode5" >
</div>
</div>
监听tab
e(['form','layer','laydate','layedit','element','upload','xmSelect'],function(){
var form = layui.form,
layer = yer,
layedit = yedit,
element = layui.element,
$ = layui.jquery
//监听Tab切换,以改变地址hash值
element.on('tab(tab-title)', function(){
layid = this.getAttribute('lay-id');
statusId = this.getAttribute('data-val');
//获取条件
goodsid = $("#data-id").val();
var layid_up = layid - 1;
if(layid_up && goodsid == ""){
layer.msg("条件不满⾜", {
time : 3000,
icon : 10
});
_tabChange('tab-title',layid_up);
return false;
}else if(goodsid != "" && layid == 2 && statusId == 1){
this.setAttribute('data-val',2);
$.ajax({
url:"{:url('ShopJourneyData/read')}",
data:{
id:goodsid
},
success:function(res){
$("#mode2").append(res);
}
})
return false;
}else if(goodsid != "" && layid == 3 && statusId == 1){
this.setAttribute('data-val',2);
$.ajax({
url:"{:url('ShopProduct/read_journey')}",
data:{
id:goodsid
},
success:function(res){
$("#mode3").append(res);
}
})
return false;
}else if(goodsid != "" && layid == 4 && statusId == 1){
this.setAttribute('data-val',2);
$.ajax({
url:"{:url('ShopProduct/read_notice')}",
data:{
id:goodsid
},
success:function(res){
$("#mode4").append(res);
}
})
return false;
}else if(goodsid != "" && layid == 5 && statusId == 1){ this.setAttribute('data-val',2);
$.ajax({
url:"{:url('ShopProduct/read_contract')}",
data:{
id:goodsid
},
success:function(res){
$("#mode5").append(res);
}
})
return false;
}
return false;
});
function _tabChange(filter,layid){
element.tabChange(filter, layid);
}
})
刷新tab当前页⾯ //重新渲染页⾯
window.applyJourney = function(){
var goodsid = $("#data-id").val();
$.ajax({
url:"{:url('ShopJourneyData/read')}",
data:{
id:goodsid
},
success:function(res){
$("#mode2").empty().append(res);
}
})
}。