Mar 25

如何显示，隐藏Flex的TitleWindow容器关闭按钮(close button)的例子

FlexAdd comments

下面的例子演示了如何通过internal命名空间的closeButton属性，显示，隐藏Flex的TitleWindow容器关闭按钮(close button)。

需要注意的是：和Flex的Alert消息框中设置icon图标的例子一样，由于例子中用到了mx_internal命名空间（namespace），无法保证在后续版本的Flex SDK中都可以正常工作，使用的时候自己要斟酌一下。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）



Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.events.CloseEvent;
  10.             import mx.controls.Button;
  11.  
  12.             private function checkBox_change(evt:Event):void {
  13.                 var btn:Button = titleWindow.mx_internal::closeButton;
  14.                 btn.enabled = checkBox.selected;
  15.             }
  16.  
  17.             private function titleWindow_close(evt:CloseEvent):void {
  18.                 arrColl.addItem({type:evt.type, time:getTimer()});
  19.             }
  20.         ]]>
  21.     </mx:Script>
  22.  
  23.     <mx:ArrayCollection id="arrColl" />
  24.  
  25.     <mx:ApplicationControlBar dock="true">
  26.         <mx:CheckBox id="checkBox"
  27.                 label="closeButton enabled:"
  28.                 selected="true"
  29.                 change="checkBox_change(event);" />
  30.     </mx:ApplicationControlBar>
  31.  
  32.     <mx:TitleWindow id="titleWindow"
  33.             showCloseButton="true"
  34.             width="100%"
  35.             close="titleWindow_close(event);">
  36.         <mx:DataGrid id="dataGrid"
  37.                 dataProvider="{arrColl}"
  38.                 width="100%"
  39.                 rowCount="6">
  40.             <mx:columns>
  41.                 <mx:DataGridColumn dataField="type" />
  42.                 <mx:DataGridColumn dataField="time" />
  43.             </mx:columns>
  44.         </mx:DataGrid>
  45.     </mx:TitleWindow>
  46.  
  47. </mx:Application>
原文作者：Peter deHaan 翻译：minidxer

written by Minidxer  |  tags: , , , ,

Related Post

One Response to “如何显示，隐藏Flex的TitleWindow容器关闭按钮(close button)的例子”

Trackbacks

Leave a Reply