Flex Gumbo中如何通过监听change事件和检测selected属性布尔值判断FxToggleButton是否选中状态的例子

By Minidxer | July 5, 2009

接下来的例子演示了Flex Gumbo中如何通过监听change事件和检测selected属性布尔值，判断FxToggleButton是否选中状态。



下面是代码：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="FxToggleButton_change_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.controls.dataGridClasses.DataGridColumn;
  11.  
  12.             private function btn_change(evt:Event):void {
  13.                 var obj:Object = {};
  14.                 obj.selected = btn.selected;
  15.                 obj.time = new Date();
  16.  
  17.                 arrColl.addItemAt(obj, 0);
  18.                 if (arrColl.length > dataGrid.rowCount) {
  19.                     arrColl.removeItemAt(dataGrid.rowCount);
  20.                 }
  21.             }
  22.  
  23.             private function time_labelFunc(item:Object, col:DataGridColumn):String {
  24.                 return item.time.toTimeString();
  25.             }
  26.         ]]>
  27.     </Script>
  28.  
  29.     <Declarations>
  30.         <ArrayCollection id="arrColl" />
  31.     </Declarations>
  32.  
  33.     <FxToggleButton id="btn"
  34.             label="{btn.selected}"
  35.             baseColor="haloBlue"
  36.             change="btn_change(event);" />
  37.  
  38.     <DataGrid id="dataGrid"
  39.             dataProvider="{arrColl}"
  40.             draggableColumns="false"
  41.             width="300">
  42.         <columns>
  43.             <DataGridColumn dataField="selected" />
  44.             <DataGridColumn dataField="time"
  45.                     labelFunction="time_labelFunc" />
  46.         </columns>
  47.     </DataGrid>
  48.  
  49. </Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll