如何实现系统左侧菜单栏的隐藏显示功能

hua_love2011

如题！目前我用row控件来设置布局，但是在设置row隐藏显示时，显示效果有些不足，另外，当有col隐藏时，如何设置其他col的宽度？
图一为隐藏目录树的效果，图二为界面刚打开的效果，另外3.8如何设置登录系统后，左侧菜单栏自动隐藏，我用以下代码不行了

var body = $('.body');

       var sidebar = $('.page-sidebar');

       var sidebarMenu = $('.page-sidebar-menu');

       $(".sidebar-search", sidebar).removeClass("open");

       if (body.hasClass("page-sidebar-closed")) {

       } else {

           body.addClass("page-sidebar-closed");

           sidebarMenu.addClass("page-sidebar-menu-closed");

           if (body.hasClass("page-sidebar-fixed")) {

              sidebarMenu.trigger("mouseleave");

           }

           if ($.cookie) {

              $.cookie('sidebar_closed', '1');

           }

       }

       $(window).trigger('resize');

jishuang

1.可以网上查找div中通过按钮控制隐藏和显示的实现，row和col的控制就跟bootstrap的row和col的控制一样
2.http://docs.wex5.com/bex5-ui-question-list-10158/

hua_love2011

jishuang 发表于 2018-10-26 10:35
1.可以网上查找div中通过按钮控制隐藏和显示的实现，row和col的控制就跟bootstrap的row和col的控制一样
2.h ...

请问如何更改button的icon呢？

jishuang

按钮上直接就有icon属性设置啊

hua_love2011

jishuang 发表于 2018-10-29 09:14
按钮上直接就有icon属性设置啊

我想动态修改，需求是在同一个按钮上做锁定和解锁功能，这样能改文字$(this.getElementByXid("lockBtn")).html("锁定");
改图标这样不好使
$(this.getElementByXid("lockBtn")).css("icon", "linear linear-pushpin");

Bex5wenti

那就设置两个按钮，用代码控制显示

jishuang

http://doc.wex5.com/?p=8263#005

hua_love2011

jishuang 发表于 2018-10-29 10:20
http://doc.wex5.com/?p=8263#005

谢谢，请结贴

hua_love2011

Bex5wenti 发表于 2018-10-29 09:50
那就设置两个按钮，用代码控制显示

谢谢，要求用一个按钮