Feathers 3.4

Congratulations to Josh Tynjala and the Feathers open source project for the release of Feathers 3.4. Feathers offer a large collection of ActionScript user interface components and layouts for mobile, desktop, and smart TVs. It is powered by both Starling Framework and Adobe AIR.

What’s new in this release?

In version 3.4.0, Feathers UI includes a new DataGrid componentsorting for collections, and updates to the FocusManager and all components to support TV remote controls when targeting Android TV.

Data Grid

The new DataGrid component displays data in a table format with multiple columns for each item in its data provider. It supports re-ordering columns, column resizing, and sorting items.

Let’s take a moment to learn the basics of the Feathers DataGrid component. First, instantiate the component and add it to the display list:

var grid:DataGrid = new DataGrid();
this.addChild( grid );

Next, populate the grid’s data provider with some items:

var items:ArrayCollection = new ArrayCollection(
    { item: "Chicken breast", dept: "Meat", price: "5.90" },
    { item: "Bacon", dept: "Meat", price: "4.49" },
    { item: "2% Milk", dept: "Dairy", price: "2.49" },
    { item: "Butter", dept: "Dairy", price: "4.69" },
    { item: "Lettuce", dept: "Produce", price: "1.29" },
    { item: "Broccoli", dept: "Produce", price: "2.99" },
    { item: "Whole Wheat Bread", dept: "Bakery", price: "2.49" },
    { item: "English Muffins", dept: "Bakery", price: "2.99" },
grid.dataProvider = items;

As you can see, each item contains multiple fields, and we want to display each of them in its own columns. To do that, define another collection:

grid.columns = new ArrayCollection(
    new DataGridColumn("item", "Item"),
    new DataGridColumn("dept", "Department"),
    new DataGridColumn("price", "Unit Price"),

For each column, specify the field to access from each item, and also specify a more human-readable label for the column header.

That’s it! You have created your first DataGrid in Feathers.

Get started with Feathers 3.4.0

You can find the Feathers UI 3.4.0 release notes on the project’s Github page. Developers are encouraged to download the latest stable build from the Feathers website.

Comments are closed.