Flex Gumbo中如何通过监听selectionChanging或selectionChanged事件检测FxButtonBar中选中项目的例子

By Minidxer | July 7, 2009

接下来的例子演示了Flex Gumbo中如何通过监听selectionChanging或selectionChanged事件，检测FxButtonBar中选中项目。



下面是代码：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="FxButtonBar_selectionChanged_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <Script>
  9.         <![CDATA[
  10.             import mx.events.IndexChangedEvent;
  11.  
  12.             private function btn_selectionChanging(evt:IndexChangedEvent):void {
  13.                 arrColl.addItem(evt);
  14.             }
  15.  
  16.             private function btn_selectionChanged(evt:IndexChangedEvent):void {
  17.                 arrColl.addItem(evt);
  18.             }
  19.         ]]>
  20.     </Script>
  21.  
  22.     <Declarations>
  23.         <ArrayCollection id="arrColl" />
  24.     </Declarations>
  25.  
  26.     <ApplicationControlBar dock="true">
  27.         <Form styleName="plain">
  28.             <FormItem label="requiresSelection:">
  29.                 <FxCheckBox id="checkBox" />
  30.             </FormItem>
  31.             <FormItem>
  32.                 <FxButtonBar id="btnBar"
  33.                         requiresSelection="{checkBox.selected}"
  34.                         selectionChanging="btn_selectionChanging(event);"
  35.                         selectionChanged="btn_selectionChanged(event);">
  36.                     <dataProvider>
  37.                         <ArrayCollection source="[One,Two,Three,Four,Five]" />
  38.                     </dataProvider>
  39.                 </FxButtonBar>
  40.             </FormItem>
  41.         </Form>
  42.     </ApplicationControlBar>
  43.  
  44.     <DataGrid id="dataGrid"
  45.             dataProvider="{arrColl}"
  46.             width="100%">
  47.         <columns>
  48.             <DataGridColumn dataField="type" />
  49.             <DataGridColumn dataField="oldIndex" />
  50.             <DataGridColumn dataField="newIndex" />
  51.         </columns>
  52.     </DataGrid>
  53.  
  54. </Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: FxButtonBar, Gumbo | No Comments » | Tags: , , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll