< ?xml  version="1.0"  encoding="utf-8"?>
  <s:vgroup xmlns:fx="http://ns.adobe.com/mxml/2009" 
  xmlns:s="library://ns.adobe.com/flex/spark" 
  xmlns:mx="library://ns.adobe.com/flex/mx"  verticalAlign="middle"  horizontalAlign="center"  creationComplete="init(event)">
  <fx:script>
  <  ![CDATA[
  import com.mark.tenthousandsHours.domain.GeniusTarget;
  import com.mark.tenthousandsHours.infrastructure.service.FakeGeniusTargetService;
              import mx.events.FlexEvent;
              import spark.events.GridSelectionEvent;
              //获取数据的服务
  private var service:FakeGeniusTargetService=newFakeGeniusTargetService();
  [Bindable]
  private var targets:ArrayCollection;
  [Bindable]
  private var selectedTarget:GeniusTarget=new GeniusTarget();
  [Bindable]
  private var isGeniusTargetChanged:Boolean=false;
  //显示表格数据
  protected function showFormData(event:GridSelectionEvent):void
  {
   // TODO Auto-generated method stub
  selectedTarget=dgTargets.selectedItem as GeniusTarget;
  isGeniusTargetChanged=true;
  }
   //提交更新
  protected function formSubmit(event):void{
  service.update(selectedTarget);
  isGeniusTargetChanged=false;
  }
  protected function init(event:FlexEvent):void
  {
  // TODO Auto-generated method stub
  targets=service.getGeniusTargetList();
  }
  ]]>
  </fx:script>
  <fx:declarations>
  <!--  将非可视元素（例如服务、值对象）放在此处 -->
  </fx:declarations>
  <s:datagrid  id="dgTargets" dataProvider="{targets}" selectionChange="showFormData(event)" width="100%">
  <s:columns>
  <s:arraycollection>
  <s:gridcolumn dataField="id" headerText="id"/>
  <s:gridcolumn dataField="gpTargetName" headerText="目标"/>
  <s:gridcolumn dataField="gpTargetHours" headerText="计划联系小时数"/>
  <s:gridcolumn dataField="gpExercisedHours" headerText="实际练习小时数"/>
  </s:arraycollection>
  </s:columns>
  </s:datagrid>
  <s:form  defaultButton="{btnSubmit}" id="stackedForm" backgroundColor="#EEEEEE" >
  <s:formheading  label="{'10000小时：' +  selectedTarget.gpTargetName}" backgroundColor="haloSilver"  width="100%"  />
  <s:formitem  sequenceLabel="1." label="10000小时目标:" required="true">
  <s:textinput id="txtTargetName"  maxChars="64"  text="@{selectedTarget.gpTargetName}"/>
  </s:formitem>
  <s:formitem  sequenceLabel="2." label="计划小时数目" required="true">
  <s:textinput text="@{selectedTarget.gpTargetHours}" id="targetHours"/>
  <s:helpcontent>
  <s:label text="为了完成目标，所计划的小时数目" baseline="24"/>
  </s:helpcontent>
  </s:formitem>
  <s:formitem  sequenceLabel="3." label="已经练习小时数">
  <s:label text="{selectedTarget.gpExercisedHours}"/><br />
  </s:formitem>
  <s:formitem>
  <s:layout>
  <s:horizontallayout />
  </s:layout>
  <s:button id="btnSubmit" label="确定" click="formSubmit(event)" enabled="{isGeniusTargetChanged}"  />
  <s:button id="btnCancel" label="取消" click="formSubmit(event)" enabled="{isGeniusTargetChanged}"  />
  </s:formitem>
  </s:form>
  </s:vgroup>