[Tim Hoff] DataGrid ItemRenderer Example

This is a simple example, how to use either an inline or custom component item renderer with a data grid control. The example shows the various ways that a data grid column can be rendered using dataField, labelFunction, itemRenderer and headerRenderer. MXML and AS examples are included. The example also shows a method to communicate with an itemRenderer using an event listener.

Data grid columns have several methods available to render cell content and format. The default itemRenderer is a text field. Many times, just setting the dataField property is sufficient to display data in a DataGridColumn. However, Flex provides a few rendering options that allow for customization.

dataField:
text field.

labelFunction:
function to change the text of the text field.

itemRenderer:
component class, to fully customize the cell. Can be mxml or action script.

in-line itemRenderer:
In mxml version of itemRenderer. These renderers are coded within the DataGridColumn tags.

headerRenderer:
headerRenderer is an itemRenderer that is applied to the column header. Can add toolTips for grid headers here.
Using the different rendering options depends on the need of the DataGridColumn. The simplest option is recommended.

[ Read more… | Demo ]

[Andrew Trice] Gantt Charts in Flex DataGrids

Here is an example of how you can use an item renderer in a mx:DataGrid to create a basic Gantt Chart. Source Code available for this example.

[ Read More | Demo ]

[Cynergy Systems] MortgEdge – A Good Example of RIA

Cynergy Systems have been developing RIA solutions for some of today’s most progressive companies. One of their best product is Online Mortgage Broker Information Management System(MortgEdge). MortgEdge was a model and design engagement to build a suite of software products that would dynamically synergize a mortage, it branches, loan officers, employees, borrowers and referrals to dramatically increase its clients service .End users enjoy this application with dramatically improved performance and a rich user interface using traditional rich controls such as treeviews, data grids, tab controls, etc.

This is reaalllllly a cool stuff.

[Demo]

Flex 3D Charts

3D Charts allow display of multiple attributes of a given data in the same graph. 2D charts are already available in Flex. With same data, a 3D graph can be displayed. The graph can be rotated around in 360 degrees by dragging mouse on the screen. Its perspective can also be increased/decreased by using Mouse Wheel.

[ Demo by Nihit | Download the Extension ]

Get URL query-string variables within Flex application

[Abdul Qabiz’s Blog – India] On flexcoders, someone asked, how to get the URL parameters in a Flex 2.0 application? By URL parameter, I mean the query-string variables, as shown below.

http://yourserver/yourapp.swf?name=Joe&age=22 or http://yourserver/yourapp.mxml?name=Joe&age=22 (requires server in place)

name and age are the query-string variables.

You can get the values of the params using from mx.core.Application.application.parameters object, which contains the name-value pairs (hash-map).

If your SWF is embedded in a HTML wrapper, the solution is to use ExternalInterface class in Macromedia Flash Player 8(onwards) to invoke some JavaScript functions and extract the value in ActionScript.

[ Demo | Source | Read more… ]

Apollo to use WebKit(Safari) HTML engine

It’s now official. Apollo will use the Webkit HTML engine for supporting HTML/AJAX based applications.

WebKit is an open source web browser engine. WebKit is also the name of the Mac OS X system framework version of the engine that’s used by Safari, Dashboard, Mail, and many other OS X applications.

[ Read more… ]

[ Quietly Scheming ] Interactive Calendar Component

Many of you already know that Adobe Consulting team has been working on a calendar component. They have yet to release this component. In the mean time, Ely Greenfield (Quietly Scheming) has posted a proof of concept calendar component in his blog. Source code is not yet released but he does intend to make it open source. CheckĀ  it out the component in his blog

[ Read More | Demo ]