FLEX2

 

FLEX的数据绑定：

 

指定数据源。

[Bindable]
private var arrayCollection:ArrayCollection = new ArrayCollection();

 

在DataGrid中使用绑定：

<mx:DataGrid y="10" width="805" x="10" height="168" dataProvider="{arrayCollection}" id="dataGrid">

 

DataGrid中获得当前行的方法：

在Panel中定义mouseOver方法

在方法中计算行，从绑定的数据集中取出数据。

 

<mx:Script>
    <![CDATA[
      import comp.saveDataWindow;
        
      import mx.managers.PopUpManager;
      import mx.controls.Alert;
      import mx.collections.ArrayCollection;
        
      [Bindable]
      private var arrayCollection:ArrayCollection = new ArrayCollection(); 
        
      
      public function getRows():void{
        
        var arrCollectionIndex:Number = Math.floor(dataGrid.contentMouseY/dataGrid.rowHeight) -1 + dataGrid.verticalScrollPosition;
        
        if( arrCollectionIndex < 0 || arrCollectionIndex> dataGrid.verticalScrollPosition + dataGrid.rowCount-1) {
            
        } else {
            
          this.showValue.text = arrayCollection.getItemAt(arrCollectionIndex).article.toString();
        }
        
      }
        
        
    ]]>
  </mx:Script>

  <mx:Image x="26" y="10" source="./p_w_picpath/title.jpg"/>
  <mx:Panel width="845" height="196" layout="absolute" horizontalCenter="0" y="81" title="详细信息" fontSize="12" themeColor="#009DFF">
    <mx:Text x="10" y="10" width="805" id="showValue" height="134"/>
  </mx:Panel>
  <mx:Panel width="845" height="230" layout="absolute" horizontalCenter="0" y="285" title="列表" mouseOver="getRows();" fontSize="12" id="dataPanel">
    
    <mx:DataGrid y="10" width="805" x="10" height="168" dataProvider="{arrayCollection}" id="dataGrid">
      <mx:columns>
        <mx:DataGridColumn headerText="发言" dataField="article"/>
        <mx:DataGridColumn headerText="选定" dataField="isVote" width="150"/>
      </mx:columns>
    </mx:DataGrid>
    
  </mx:Panel>

 

 

FLEX中的坐标：

Global：全局坐标，参考起点为0，0时，对应控件中的x，y的值；

Content：内容坐标，当前组件内部由用户输入内容组成的坐标

Local：组件内部坐标

 

 

DataGrid双击事件：

doubleClickEnabled="true" itemDoubleClick="changeData();"

 

public function changeData():void {
    var obj : Object = arrayCollection.getItemAt(dataGrid.selectedIndex) as Object;
    
    Alert(obj.toString());
    
//    obj.isVote = obj.isVote =="否" ? "无变化" : "是";changeVoteData
    if( obj.isVote=="否") {
     obj.isVote = "是";
    } else {
     obj.isVote = "否";
    }
    
    arrayCollection.setItemAt(obj, dataGrid.selectedIndex);
    
   }
        
        arrayCollection.setItemAt(obj, dataGrid.selectedIndex);