Flex Gumbo中如何通过selectedItem属性设置FxButtonBar中选中项目的例子
By Minidxer | July 13, 2009
和前面
Flex Gumbo中如何通过selectedIndex属性设置FxButtonBar选中索引的例子类似的,接下来的例子演示了Flex Gumbo中如何通过selectedItem属性,设置FxButtonBar中选中项目。
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <Application name="FxButtonBar_selectedItem_test"
- xmlns="http://ns.adobe.com/mxml/2009"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <Script>
- import mx.utils.ObjectUtil;
- </Script>
- <ApplicationControlBar dock="true">
- <Form styleName="plain">
- <FormItem label="requiresSelection:">
- <FxCheckBox id="checkBox" />
- </FormItem>
- <FormItem label="selectedItem:">
- <Label text="{ObjectUtil.toString(btnBar.selectedItem)}" />
- </FormItem>
- <FormItem direction="horizontal">
- <FxButton label="Select none"
- fontWeight="bold"
- click="btnBar.selectedItem = null;" />
- <FxButton label="Select 'One'"
- click="btnBar.selectedItem = 'One';" />
- <FxButton label="Select 'Two'"
- click="btnBar.selectedItem = 'Two';" />
- <FxButton label="Select 'Three'"
- click="btnBar.selectedItem = 'Three';" />
- </FormItem>
- </Form>
- </ApplicationControlBar>
- <FxButtonBar id="btnBar"
- requiresSelection="{checkBox.selected}">
- <dataProvider>
- <ArrayCollection source="[One,Two,Three,Four,Five,Six]" />
- </dataProvider>
- </FxButtonBar>
- </Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
FxButtonBar, Gumbo |
No Comments » |
Tags: Gumbo, requiresSelection, selectedItem