Hiding Columns - XML

Flex 3.0 offers a strong foundation of user interface (UI) controls by which users can harness a great deal of power to create beautiful UIs without having to toil in the details of low level functionality. Of these controls, the DataGrid sets itself apart by offering characteristics similar to a list or tree control (which are also listBase controls), but going further to offer an easy way of displaying columnar data without a complicated interface. In this article, I focus on creating a basic DataGrid and populating it with XML data by using only MXML tags.

TABLE OF CONTENTS:

By: Keith Lee

Poor Best

Rating:

/ 6

June 30, 2009

print this article

SEARCH DEV SHED

TOOLS YOU CAN USE

In certain cases, you may want to hide a DataGrid column. To do this, we use the 'visible' attribute of the DataGridColumn tag:

<mx:DataGridColumn visible='false' width="45" dataField="firstName"/>

Other DataGridColumn Attributes

Here is a list and short description of other handle attributes of the DataGridColumn tag:

sortable: By default, clicking on the header of a column will automatically sort the DataGrid's data provider. You can turn this function on or off by setting this attribute to true or false.
minWidth: Sets the minimum width of the column.
resizable: Determines whether or not a user can resize the column.

For more information on DataGrids and DataGrid Columns, see the Adobe Language Reference for Flex 3 at http://livedocs.adobe.com/flex/3/langref/