【分享】AppBox 4还原3.0显示隐藏标题栏

SwordElf

Main.aspx中找到

1. 
   
2.                                 <f:ToolbarFill runat="server" />
   
3.                                 <f:Button ID="btnRefresh" runat="server" Icon="Reload" ToolTip="刷新主区域内容" EnablePostBack="false">
   
4.                                 </f:Button>

复制代码

修改为：

1. <f:ToolbarFill runat="server" />
   
2.                             <f:Button ID="btnShowHideHeader" runat="server" Icon="SectionExpanded" ToolTip="隐藏标题栏"
   
3.                                       EnablePostBack="false"/>
   
4.                             <f:ToolbarSeparator ID="ToolbarSeparator1" runat="server" />
   
5.                             <f:Button ID="btnRefresh" runat="server" Icon="ArrowRotateClockwise" ToolTip="刷新主区域内容" EnablePostBack="false"/>
   
6.                             <f:ToolbarSeparator runat="server" />

复制代码

Main.aspx.cs中找到

1. 
   
2.             // 注册客户端脚本，服务器端控件ID和客户端ID的映射关系
   
3.             JObject ids = GetClientIDS(regionPanel, regionTop, mainTabStrip, txtUser,
   
4.                 txtOnlineUserCount, txtCurrentTime, btnRefresh);

复制代码

修改为：

1. 
   
2.             // 注册客户端脚本，服务器端控件ID和客户端ID的映射关系
   
3.             JObject ids = GetClientIDS(regionPanel, regionTop, mainTabStrip, txtUser,
   
4.                 txtOnlineUserCount, txtCurrentTime, btnRefresh, btnShowHideHeader);

复制代码

res/js/main.js中找到

1.     var treeMenu = Ext.getCmp(DATA.treeMenu),
   
2.         regionPanel = Ext.getCmp(DATA.regionPanel),
   
3.         regionTop = Ext.getCmp(DATA.regionTop),
   
4.         mainTabStrip = Ext.getCmp(DATA.mainTabStrip),
   
5.         txtUser = Ext.getCmp(DATA.txtUser),
   
6.         txtOnlineUserCount = Ext.getCmp(DATA.txtOnlineUserCount),
   
7.         txtCurrentTime = Ext.getCmp(DATA.txtCurrentTime),
   
8.         btnRefresh = Ext.getCmp(DATA.btnRefresh);

复制代码

修改为：

1.     var treeMenu = Ext.getCmp(DATA.treeMenu),
   
2.         regionPanel = Ext.getCmp(DATA.regionPanel),
   
3.         regionTop = Ext.getCmp(DATA.regionTop),
   
4.         mainTabStrip = Ext.getCmp(DATA.mainTabStrip),
   
5.         txtUser = Ext.getCmp(DATA.txtUser),
   
6.         txtOnlineUserCount = Ext.getCmp(DATA.txtOnlineUserCount),
   
7.         txtCurrentTime = Ext.getCmp(DATA.txtCurrentTime),
   
8.         btnRefresh = Ext.getCmp(DATA.btnRefresh),
   
9.         btnShowHideHeader = Ext.getCmp(DATA.btnShowHideHeader);

复制代码

在“点击刷新按钮”事件下添加：

1.     // 显示 / 隐藏标题
   
2.     btnShowHideHeader.on('click', function () {
   
3.         if (regionTop.height - 36 > 0) {
   
4.             regionTop.setHeight(36);
   
5.             btnShowHideHeader.setTooltip('显示标题栏');
   
6.             btnShowHideHeader.setIcon('res.axd?icon=SectionCollapsed');
   
7.         } else {
   
8.             regionTop.setHeight(90);
   
9.             btnShowHideHeader.setTooltip('隐藏标题栏');
   
10.             btnShowHideHeader.setIcon('res.axd?icon=SectionExpanded');
    
11.         }
    
12.         regionPanel.doLayout();
    
13.     });

复制代码

liaofeifan

if (regionTop.height - 36 > 0) {
            regionTop.setHeight(36);
            btnShowHideHeader.setTooltip('显示标题栏');
            btnShowHideHeader.setIcon('res.axd?icon=SectionCollapsed');
        }
其实就这个36最关键。

ikalu

mark!!!!!!!!

fesfsd

只有AppBox2.0

fesfsd

只有AppBox2.0、点击按钮无效怎么解决