FineUI添加隐藏标题

添加隐藏标题

	窗体前台:

                <x:Button ID="btnShowHideHeader" runat="server" Icon="SectionExpanded" ToolTip="隐藏标题栏"

                                EnablePostBack="false">

                </x:Button>



	窗体后台:



		// 注册客户端脚本,服务器端控件ID和客户端ID的映射关系

            JObject ids = GetClientIDS(btnShowHideHeader);



	main.js



		 btnShowHideHeader = Ext.getCmp(DATA.btnShowHideHeader);



   		 btnShowHideHeader.on('click', function () {

        	 if (regionTop.height - 30 > 0) {

            		regionTop.setHeight(30);

            		btnShowHideHeader.setTooltip('显示标题栏');

            		btnShowHideHeader.setIcon('res.axd?icon=SectionCollapsed');

         	 } else {

            		regionTop.setHeight(85);

            		btnShowHideHeader.setTooltip('隐藏标题栏');

            		btnShowHideHeader.setIcon('res.axd?icon=SectionExpanded');

        	 }

       		 regionPanel.doLayout();

    		});

  

你可能感兴趣的:(UI)