EasyUI的Datagrid数据表格切换标签时的事件

DataGrid的切换标签时的事件

由于公司是前后端不分离开发，前端使用的是Easy和Layui整合的框架。接到一个需求在切换到可申请人员名册时如图下的[校验人员按钮]是不可用的，如果切换到未满足人员名册时[校验人员信息]按钮是可用的。

如图以上的效果，身为一个后端工程师竟然让我实现一个这么so easy的功能是不是简单！我当初也以为很简单，但是查遍了所有EasyUI的API手册能找到类似的方法但是都不能用！

很怄火！！！

搜集了各大网站试了各种方法，终于功夫不负心人。JS码上！希望能帮类似需求的小伙伴解决问题。

var datagrid = mini.get("datagrid");
datagrid.on('activechanged',function(b){
    var index = b.index;
    //如果切换为0是禁用
    if(index == 0){
        //禁用按钮
        document.getElementById("checkPeople").setAttribute("class","layui-btn layui-btn-small layui-btn-disabled");
        document.getElementById("checkPeople").disabled=true;
        //重新查询
        datagrid1.reload();
        
    }
    //如果切换为未满足时
    if(index == 1){
        //启用按钮
        document.getElementById("checkPeople").setAttribute("class","layui-btn layui-btn-small layui-btn-main");
        document.getElementById("checkPeople").disabled=false;
        //重新查询
        datagrid2.reload();
    }
});

亲测可用哦！~