Flex Gumbo中如何通过selectedItem属性设置FxButtonBar中选中项目的例子

By Minidxer | July 13, 2009

和前面
Flex Gumbo中如何通过selectedIndex属性设置FxButtonBar选中索引的例子
类似的,接下来的例子演示了Flex Gumbo中如何通过selectedItem属性,设置FxButtonBar中选中项目。

让我们先来看一下Demo可以点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="FxButtonBar_selectedItem_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <Script>
  9.         import mx.utils.ObjectUtil;
  10.     </Script>
  11.  
  12.     <ApplicationControlBar dock="true">
  13.         <Form styleName="plain">
  14.             <FormItem label="requiresSelection:">
  15.                 <FxCheckBox id="checkBox" />
  16.             </FormItem>
  17.             <FormItem label="selectedItem:">
  18.                 <Label text="{ObjectUtil.toString(btnBar.selectedItem)}" />
  19.             </FormItem>
  20.             <FormItem direction="horizontal">
  21.                 <FxButton label="Select none"
  22.                         fontWeight="bold"
  23.                         click="btnBar.selectedItem = null;" />
  24.                 <FxButton label="Select 'One'"
  25.                         click="btnBar.selectedItem = 'One';" />
  26.                 <FxButton label="Select 'Two'"
  27.                         click="btnBar.selectedItem = 'Two';" />
  28.                 <FxButton label="Select 'Three'"
  29.                         click="btnBar.selectedItem = 'Three';" />
  30.             </FormItem>
  31.         </Form>
  32.     </ApplicationControlBar>
  33.  
  34.     <FxButtonBar id="btnBar"
  35.             requiresSelection="{checkBox.selected}">
  36.         <dataProvider>
  37.             <ArrayCollection source="[One,Two,Three,Four,Five,Six]" />
  38.         </dataProvider>
  39.     </FxButtonBar>
  40.  
  41. </Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts