MACROMEDIA FLEX-GETTING STARTED WITH FLEX Bedienungsanleitung PDF herunterladen (Seite 69)

Example 4-12. Advgrid.mxml

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical">

<mx:Script>

<![CDATA[

import mx.collections.ArrayCollection;

[Bindable]

private var dpHierarchy:ArrayCollection = new ArrayCollection([

{Region:"Southwest", children: [ ... ]}

]);

]]>

</mx:Script>

<mx:AdvancedDataGrid width="100%" height="100%">

<mx:dataProvider>

<mx:HierarchicalData source="{dpHierarchy}"/>

</mx:dataProvider>

<mx:columns>

<mx:AdvancedDataGridColumn dataField="Region"/>

<mx:AdvancedDataGridColumn dataField="Territory_Rep"

headerText="Territory Rep"/>

<mx:AdvancedDataGridColumn dataField="Actual"/>

<mx:AdvancedDataGridColumn dataField="Estimate"/>

</mx:columns>

</mx:AdvancedDataGrid>

</mx:Application>

When

I run this in the browser and click around a little bit I

get something similar to Figure 4-12.

As with any control, you can use the itemRenderer functionality

in Flex Builder to format each cell however you choose.

In-Place Editing

The DataGrid control also allows for editing cell contents in

place. Example 4-13 shows just how easy this is.

Example 4-13. Edit_table.mxml

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical">

<mx:XMLList id="customers" xmlns="">

Data Grids | 53

1 2 ... 64 65 66 67 68 69 70 71 72 73 74 ... 147 148

Keine Kommentare

MACROMEDIA FLEX-GETTING STARTED WITH FLEX Bedienungsanleitung Seite 69