美文网首页
BUI后台管理左侧三级菜单,点击全部隐藏显示

BUI后台管理左侧三级菜单,点击全部隐藏显示

作者: cooqi | 来源:发表于2019-06-13 10:09 被阅读0次

bui的后台管理系统还是比较好的,就是改起来费时
新增一个功能,三级菜单能够点击全部隐藏显示,最初是只能点二级隐藏三级。试了很多方法,发现buiJS里这样改最方便

 bindUI : function(){
      var _self = this,
          items = _self.get('items'),
        children = _self.get('children');
      BUI.each(children,function(item){
        var menu = item.get('children')[0];
        if(menu){
          menu.publish('click',{
            bubbles:1
          });
        }
      });
//再这里添加点击隐藏显示
        //收缩
       var nav_item_id=_self.get('render');
        $(nav_item_id).on('click','.item-title',function () {
            var status= $(this).data('status')?$(this).data('status'):false;
            $(this).data('status',!status);
            BUI.each(children,function(item){
                item.set('collapsed',!status);
            });
        });

相关文章

网友评论

      本文标题:BUI后台管理左侧三级菜单,点击全部隐藏显示

      本文链接:https://www.haomeiwen.com/subject/gskjfctx.html