Flex Examples
Just a bunch of Adobe Flex Examples
  • Books
  • About Me
  • About You
  • Tags
  • Links
  • Flex 3 (Codename: Moxie)
  • Flex 4 (Codename: Gumbo)
  • Flex Hero
  • Colophon

Creating complex data provider objects in MXML using Flex 4

By Peter deHaan On October 20, 2010 · 1 Comment

The following example shows how you can create a complex MX DataGrid data provider with nested objects in MXML using the <fx:Object> tag.

 

Continue Reading →

Using a CFF embedded font with a Halo DataGrid control in Flex 4

By Peter deHaan On August 21, 2009 · 3 Comments

The following example shows how you can use a CFF embedded font with a Halo DataGrid container by setting the itemRenderer property or defaultDataGridItemRenderer style to the mx.controls.dataGridClasses.TLFDataGridItemRenderer class.

Full code after the jump.

Continue Reading →

Setting a DataGrid control’s data provider to an XML object in Flex

By Peter deHaan On November 5, 2008 · 6 Comments

The following example shows how you can use an XML object as a data provider for a Flex DataGrid control and use a custom label function to display the XML node’s name.

Full code after the jump.

Continue Reading →

Aligning the header text in a DataGrid column in Flex (redux)

By Peter deHaan On October 12, 2008 · 2 Comments

In a previous example, “Aligning the header text in a DataGrid column in Flex”, we saw how you could set the text alignment on a Flex DataGrid control’s DataGridColumn by setting the headerStyleName and textAlign styles.

The following example shows a few more methods of aligning data and headers in a DataGrid and individual [...]

Continue Reading →

Setting background colors on a DataGrid column in Flex

By Peter deHaan On September 24, 2008 · 12 Comments

The following example shows how you can set alternating column background colors on a Flex DataGrid control by setting the backgroundColor style for each DataGridColumn object.

Full code after the jump.

[...]

Continue Reading →

Aligning the header text in a DataGrid column in Flex

By Peter deHaan On September 16, 2008 · 15 Comments

The following example shows how you can set the text alignment on a Flex DataGrid control’s DataGridColumn by setting the headerStyleName and textAlign styles.

Full code after the jump.

[...]

Continue Reading →

Toggling word wrap on a DataGrid column header in Flex

By Peter deHaan On September 14, 2008 · 9 Comments

The following example shows how you can toggle word wrapping on a Flex DataGrid control’s DataGridColumn by setting the headerWordWrap property.

Full code after the jump.

 

Continue Reading →

Creating an editable DataGrid control in Flex

By Peter deHaan On May 11, 2008 · 70 Comments

The following example shows how you can create an editable Flex DataGrid control by setting the editable property on the DataGrid and DataGridColumn objects.

Full code after the jump.

 

Continue Reading →

Performing case [in]sensitive sorts using the DataGrid control in Flex

By Peter deHaan On March 7, 2008 · 3 Comments

The following example shows how you can perform numeric sorts, case sensitive sorts, or case insensitive sorts in the Flex DataGrid control by setting a custom sort compare function on the DataGridColumn using the sortCompareFunction property, the static ObjectUtil.numericCompare() method, and the static ObjectUtil.stringCompare() method.

Full code after the jump.

Continue Reading →

Displaying tool tips in a Flex DataGrid control’s header

By Peter deHaan On February 8, 2008 · 11 Comments

The following example shows you how you can truncate a DataGrid column’s text and display a tool tip by setting a custom header renderer.

Full code after the jump.

 

Continue Reading →

Determining a DataGridColumn object’s current sort order

By Peter deHaan On August 23, 2007 · 6 Comments

OK, I’m convinced there is a better way to do this, but so far this is the only solution I’ve found…
Any other ideas? Leave em in the comments!

Basically the following post shows one possible way of determining the current sort order of a data grid by grabbing the sortDescending property whenever a [...]

Continue Reading →

Creating multi-line data grid rows with variable row heights

By Peter deHaan On July 23, 2007 · 20 Comments

One of my favorite Flex components is the the trusty DataGrid. It seems whenever I build some sort of application or sample, I need a DataGrid to show all sorts of debug data or what have you. Here is a simple little example of a DataGrid with multi-line content and a variable row height.

Full [...]

Continue Reading →
  • Categories

    • Accordion
    • AccordionHeader
    • ActionScript
    • AddChild
    • AdvancedDataGrid
    • Alert
    • alpha
    • Animate
    • AnimateProperties
    • Application
    • Application (Spark)
    • ArrayCollection
    • BarChart
    • baseColor
    • beta
    • beta1
    • beta2
    • Bitmap
    • Bitmap/BitmapData
    • BitmapData
    • BitmapFill
    • BitmapFill (Spark)
    • BitmapGraphic
    • BitmapImage
    • BitmapImage (Spark)
    • BitmapImageResizeMode
    • Border (Spark)
    • BorderContainer (Spark)
    • Box
    • BuildInfo
    • Button
    • Button (Spark)
    • ButtonBar
    • ButtonBar (Spark)
    • ByteArray
    • Camera
    • Charting
    • CheckBox
    • CheckBox (Spark)
    • ClassFactory
    • CollectionEvent
    • Color
    • ColorPicker
    • ColorUtil
    • ComboBox
    • ComboBoxArrowSkin
    • Compiler
    • Component
    • Component (Spark)
    • Configuration
    • Container
    • ContextMenu
    • ContextMenuEvent
    • ContextMenuItem
    • CSSCondition
    • CSSSelector
    • CSSStyleDeclaration
    • CurrencyFormatter
    • CursorManager
    • Data Binding
    • DataGrid
    • DataGrid (Spark)
    • DataGridColumn
    • Date
    • DateBase
    • DateChooser
    • DateField
    • DateFormatter
    • Debugging
    • DefaultComplexItemRenderer
    • DefaultTileListEffect
    • DropDownList
    • DropDownList (Spark)
    • DropDownListButtonSkin
    • DropDownListSkin
    • DropShadowFilter
    • E4X
    • Effects
    • Ellipse
    • EmailValidator
    • Embed
    • Event
    • Fade
    • FileFilter
    • FileReference
    • fill
    • Filters
    • Flash
    • Flash Integration
    • FlashVars
    • Flex 3 SDK
    • Flex Builder
    • Flex Builder 3
    • Flex SDK
    • Flex4
    • FLVPlayback
    • FocusManager
    • FontLookup
    • Fonts
    • Form
    • Form (Spark)
    • FormHeading (Spark)
    • FormItem
    • FormItem (Spark)
    • Forms
    • FTETextField (Spark)
    • FullScreen
    • FullScreenEvent
    • FxAnimateColor
    • FxButtonBar
    • FxCheckBox
    • FXG
    • FxHScrollBar
    • FxHSlider
    • FxList
    • FxNumericStepper
    • FxRadioButton
    • FxRotate3D
    • FxScroller
    • FxTextArea
    • FxTextInput
    • FxToggleButton
    • FxVScrollBar
    • FxVSlider
    • getStyleDeclaration()
    • GradientEntry
    • Graphic (Spark)
    • HBox
    • HDividedBox
    • HGroup (Spark)
    • HorizontalLayout
    • HorizontalList
    • HSBColor (Spark)
    • HScrollBar (Spark)
    • HSlider
    • HSlider (Spark)
    • HTML template
    • ID3Info
    • Image
    • Image (Spark)
    • ImageSnapshot
    • itemRenderer
    • JointStyle
    • Label
    • Label (Spark)
    • Legend
    • LegendItem
    • LigatureLevel
    • Line
    • LinearGradientStroke
    • LineScaleMode
    • LinkBar
    • LinkButton
    • List
    • List (Spark)
    • Menu
    • MenuBar
    • Metadata
    • MetadataEvent
    • Model
    • Mouse
    • MouseCursor
    • MouseEvent
    • Move
    • Namespace
    • NavigatorContent (Spark)
    • needsSWF
    • NetConnection
    • NetStream
    • Nightly Builds
    • NumberBaseRoundType
    • NumberFormatter
    • NumberValidator
    • NumericCompare
    • NumericStepper
    • NumericStepper (Spark)
    • ObjectProxy
    • ObjectUtil
    • paddingLeft
    • paddingRight
    • Panel
    • Panel (Spark)
    • Parallel
    • Path
    • PieChart
    • PieSeries
    • PieSeriesItem
    • PopUpAnchor (Spark)
    • PopUpButton
    • PopUpManager
    • ProgrammaticSkin
    • ProgressBar
    • PropertyChangeEvent
    • QName
    • RadialGradient
    • RadioButton
    • RadioButton (Spark)
    • RadioButtonGroup
    • RadioButtonGroup (Spark)
    • Rect
    • RegExp
    • Regular Expressions
    • Repeater
    • RichEditableText
    • RichText
    • RichText (Spark)
    • RichTextEditor
    • Rotate
    • Rotate3D (Spark)
    • Scroller (Spark)
    • Sequence
    • setStyle()
    • SimpleText
    • SimpleText (Spark)
    • skinClass
    • Slider
    • SliderEvent
    • SolidColor
    • SolidColorStroke
    • Sort
    • SortField
    • Sound
    • SoundEffect
    • Spinner (Spark)
    • SpriteVisualElement (Spark)
    • StageDisplayState
    • States
    • StringUtil
    • StringValidator
    • StyleManager
    • Styles
    • SWFLoader
    • SWFObject
    • System
    • SystemManager
    • TabBar
    • TabBar (Spark)
    • TabNavigator
    • TabStopFormat
    • Text
    • Text Layout Framework (TLF)
    • TextArea
    • TextArea (Spark)
    • TextBox
    • TextConverter
    • TextEvent
    • TextFlow
    • TextFlowUtil
    • TextFormat
    • TextGraphic
    • TextInput
    • TextInput (Spark)
    • TextLayoutFormat
    • TextView
    • Themes
    • TileLayout
    • TileList
    • TileOrientation
    • Timer
    • TitleWindow
    • TitleWindow (Spark)
    • TLF
    • ToggleButton (Spark)
    • ToggleButtonBar
    • ToolTip
    • Transition
    • Tree
    • TruncationOptions
    • UIComponent
    • UIFTETextField
    • Updater
    • URLLoader
    • URLRequest
    • URLUtil
    • URLVariables
    • ValidationResultEvent
    • Validator
    • Validators
    • VBox
    • VDividedBox
    • Vector
    • VerticalLayout
    • VerticalLayout (Spark)
    • VGroup (Spark)
    • Video
    • VideoDisplay
    • VideoElement
    • VideoElement (Spark)
    • VideoEvent
    • VideoPlayer (Spark)
    • VideoPlayerScrubBar
    • ViewStack
    • VScrollBar (Spark)
    • VSlider
    • VSlider (Spark)
    • XML
    • XMLList
    • XMLListCollection
    • ZipCodeValidator
    • ZipCodeValidatorDomainType
    • Zoom
  • Articles

    • December 2010
    • November 2010
    • October 2010
    • September 2010
    • August 2010
    • July 2010
    • June 2010
    • May 2010
    • April 2010
    • March 2010
    • February 2010
    • January 2010
    • December 2009
    • November 2009
    • October 2009
    • September 2009
    • August 2009
    • July 2009
    • June 2009
    • May 2009
    • April 2009
    • March 2009
    • February 2009
    • January 2009
    • December 2008
    • November 2008
    • October 2008
    • September 2008
    • August 2008
    • July 2008
    • June 2008
    • May 2008
    • April 2008
    • March 2008
    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
  • Calendar

    May 2013
    M T W T F S S
    « Dec    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
  • Meta

    • Log in
    • Entries (RSS)
"No public Twitter messages." — pdehaan
Flex Examples

Pages

  • Books
  • About Me
  • About You
  • Tags
  • Links
  • Flex 3 (Codename: Moxie)
  • Flex 4 (Codename: Gumbo)
  • Flex Hero
  • Colophon

The Latest

  • Setting the icon placement on a Spark Button control in Flex Hero
    In a previous example, “Setting an icon on a Spark Button in […]

More

  • Flex Examples
  • ColdFusion Examples
  • ActionScript Examples
  • Adobe AIR Examples
This work is licensed under a Creative Commons Attribution 3.0 United States License.
PlatformPro by PageLines