Toggle the visibility for a DataGridColumn : DataGridColumn « Grid « Flex






Toggle the visibility for a DataGridColumn

Toggle the visibility for a DataGridColumn
   
<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <mx:DataGrid id="myDG" width="350">
        <mx:ArrayList>
            <mx:source>
                <fx:Object Artist="Pavement" Price="11.99" Album="Slanted and Enchanted" />
                <fx:Object Artist="Pavement" Album="Brighten the Corners" Price="11.99" />
            </mx:source>
        </mx:ArrayList>
        <mx:columns>
            <mx:DataGridColumn dataField="Artist" />
            <mx:DataGridColumn dataField="Album" />
            <mx:DataGridColumn id="price" dataField="Price" visible="false" />
        </mx:columns>
    </mx:DataGrid>
    <s:Button label="Toggle Price Column" click="price.visible = !price.visible;" />
</s:Application>

   
    
    
  








Related examples in the same category

1.Link Object attribute with DataGridColumnLink Object attribute with DataGridColumn
2.Set DataGridColumn to not editableSet DataGridColumn to not editable
3.Set header text for DataGridColumnSet header text for DataGridColumn
4.Hide DataGridColumn by setting visible to falseHide DataGridColumn by setting visible to false
5.Using DataGridColumn to control column titlesUsing DataGridColumn to control column titles
6.Using a label function to support a multicolumn DataGridUsing a label function to support a multicolumn DataGrid
7.DataGrid column with an inline item rendererDataGrid column with an inline item renderer
8.Set Column width for DataGridSet Column width for DataGrid
9.Set an Array element to the child tag of the tagSet an Array element to the <mx:columns> child tag of the <mx:DataGrid> tag
10.Hiding and displaying DataGrid columnsHiding and displaying DataGrid columns
11.Sorting a DataGrid on multiple columnsSorting a DataGrid on multiple columns
12.Resizable DataGridColumnResizable DataGridColumn
13.DataGridColumn Header TextDataGridColumn Header Text
14.DataGridColumn editorDataFieldDataGridColumn editorDataField
15.Reference data from ArrayCollection from DataGridColumnReference data from ArrayCollection from DataGridColumn
16.DataGrid with DataGridColumnDataGrid with DataGridColumn
17.DataGrid and DataGridColumnDataGrid and DataGridColumn
18.Use to set optionsUse <mx:DataGridColumn> to set options
19.DataGrid Default Columns
20.DataGrid Explicit Columns
21.Use Labels from ArrayCollection as the column title for DataGridUse Labels from ArrayCollection as the column title for DataGrid
22.Specify Sort Functions for DataGrid Columns
23.Specify an Array element to the child tag of the tagSpecify an Array element to the <mx:columns> child tag of the <mx:DataGrid> tag
24.DataGrid Visible ColumnDataGrid Visible Column
25.Handling a user interaction and passing only data to a function
26.Item renderer that renders an image in a column
27.Use item editorsUse item editors