美文网首页
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