In PriceLabel.as, it looks like I hard-coded the column data field (data.@price) into the item renderer. Of course, you could create a new subclass for each different data field (CostLabel.as, etc.), but that would probably not be the best approach.

I think the better approach would be to look at my coworker Alex Harui’s solution to this, as he is ridiculously smarter than I am: “Thinking About Item Renderers”. Specifically, I was reading the Text Color and Styles in Item Renderers section. He shows how you can extend both the DataGridColumn and DataGridItemRenderer classes, and create a custom stylesFunction() method which evaluates the data in a column without hard-coding specific column names.

Peter

Thank for this very interesting example.

If a change the source with an arraycollection, what kind of modifications i must do in the PriceLabel.as field ?

Thanks

Best Regards

i have developed a similar example. the difference is that my item renderer is a linkbutton extend class. The override function is the next:

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
    super.updateDisplayList(unscaledWidth, unscaledHeight);

    var spattern:String = listData.label;

    var tic:TextImageClass = new TextImageClass(spattern);
    if (tic.tranform()) {
        this.setStyle("paddingRight",Number(35));
        if (tic.displayObject != null) {
            this.setStyle("icon",tic.imageClass);
            this.labelPlacement = ButtonLabelPlacement.LEFT;
        }
        if (tic.uiTextField != null) {
            this.label = tic.uiTextField.text;
        }
    }
}

my problem is when i sort a column. When i click the column header, the data rows are changed but not sorted… but i move the mouse cursor over the rows… magically… the data in the columns are going to appearing sorted.

any idea?
thanks, congratulations, it´s a great website

Interesting. I see the same default sort as you (1.32, -12.23, 4.96, -0.94) — the items are unsorted and appear in the same order they were specified in the data provider.
If I sort by price (descending), I get the following: -12.23, -0.94, 1.32, 4.96 (or Item 2, Item 4, Item 1, Item 3). This sort is correct since the biggest negative values are first and the biggest positive values are last.
If I sort by price (ascending), I get the following: 4.96, 1.32, -0.94, -12.23 (or Item 3, Item 1, Item 4, Item 2). This sort is correct since the biggest positive values are first and the biggest negative values are last.

Actually, are you sure your numbers are right? 0.94 and 12.23 are both negative numbers. So I wouldn’t expect the price column to sort as 12.23, 4.96, 1.32, 0.94 since both 0.94 and 12.23 are negative numbers in the data provider. I’d expect 4.96, 1.32, -0.94, -12.23.

Peter

The price column is sorting as numbers, isn’t it?

Peter

In this example, how can be sorted the price column as a number?

Any ideas?

Janet