Free Adobe - Macromedia Flash Web Site Design Tips, Flash Tutorials

Custom header in DataGrid - part 2

This is answer of my question asked at the end of tutorial Custom header in DataGrid. Question was if it is possible to set as many custom properties to custom header renderer as you want, and how can it be done. So here are answer…

First of all I want to thank Tink for pointing me to the right direction with extending DataGridColumn. Afterward I’ve found tutorial Thinking About Item Renderers and there were my answer…

So, you have to extend DataGridColumn to MyDataGridColumn to add there our custom properties for header. In our case there are new properties text and topText.

[as]
package controls
{
import mx.controls.dataGridClasses.DataGridColumn;

public class MyDataGridColumn extends DataGridColumn
{
private var _text:String;
private var _topText:String;

public function get text():String
{
return _text;
}
public function set text( value:String ):void
{
_text = value;
}
public function get topText():String
{
return _topText;
}
public function set topText( value:String ):void
{
_topText = value;
}
}
}
[/as]

Pretty simple, and now you can change your commitProperties function in MyDataGrid class where you’re creating DataGrid columns. Just set your new properties there

[as]
var colName:MyDataGridColumn = new MyDataGridColumn();
colName.headerRenderer = new ClassFactory(MyDataGridHeader);
colName.text = “Name”;
colName.topText = “Web”;
colName.dataField = “name”;

var colLink:MyDataGridColumn = new MyDataGridColumn();
colLink.headerRenderer = new ClassFactory(MyDataGridHeader);
colLink.text = “Link”;
colLink.topText = “URL”;
colLink.dataField = “url”;
[/as]

all other parts of MyDataGrid class are same from previous example (look to the source code on right click or download them).
And we’re done. Simple when you know how to do it

And here you can try this example (Source code is available on right click):

If you want another Flex or AIR tutorial, please ask in comments here

This is some text prior to the author information. You can change this text from the admin section of WP-Gravatar  I'm living in Bratislava, Slovakia. I'm Senior Flex, AIR Developer for my own company Flexets. Read more from this author