关于easyUI框架，满足一定条件时js控制进行tab切换

---

把easyUI框架搭建好之后，当某一个右侧tab完成了某个任务或者逻辑时，想要它跳转另一个选项卡，用easyUI该怎么操作呢？

首先，easyUI提供了这种方法来进行选项卡的跳转，但是刚了解或者不了解easyUI的人，或许会有一点坑在里面。

上面这个html静态一般在主页里，你根据自己的设定找到这个被easyUI用到的tab块，然后得到对应的id值，这里博主的id为tabs，那就先以这个为例，具体值还是得看自己的设定，切记

第一种方法

---

$("#tabs").tabs('select','***');

这句话就是js控制easyUI进行选项卡之间的切换了，***处为你选项卡的名字，记住，是名字，不是id什么的。按照程序的思维来看，一般通过id等程序的设定属性去确定，这里博主也是没想到，easyUI可以直接用选项卡的名字来进行处理。

然后，这种方法的实现必须是那个选项卡已经打开了，才能实现跳转，未打开的不能进行跳转，我一度认为js控制切换的tabs没有效果，踩了一次坑。

第二种方法

---

$(".tree-title:contains('***')").parent().click();

***为你选项卡的的名字，和第一种方法一样，只是这个不需要先打开另一个选项卡才能进行跳转，可以直接进行打开

跳转tab并实现刷新

首先第一行，我们先实现能跳转过去，上面的两种方法都可以使用，推荐第二种。

当有了跳转后，easyUI也提供了刷新的方法

$("#tabs").tabs('update','***');

如果上面不好用，我们还有办法：

$.messager.alert('提示','mess',undefined,function(){
					$("#需要局部刷新的id").datagrid("reload");
				});

把上面这句话加在第二种方法的下面，就可以实现跳转的同时对选项卡进行刷新

这就是easyUI用js控制切换选项卡的操作了，如果你有更好的建议，可以在下方评论