ItemRenderer je jeden z kľúčových konceptov potrebných na vytvorenie tabuľky, ktorá obsahuje okrem bežných údajov aj obrázky.

ItemRenderer funguje tak, že tabuľka/zoznam si pre každú viditeľnú položku vytvorí inštanciu itemRenderera. ItemRenderer je vizuálna komponenta, ktorá obsahuje napríklad políčko s textom. Tejto inštancii je potom predaný objekt reprezentujúci riadok tabuľky/zoznamu. Pri posune v tabuľke je itemRenderer zrecyklovaný a sú mu nastavené nové údaje, ktoré ma vyrendrovať. Recykláciou sa šetrí veľké množstvo procesného výkonu.

Ukážka:

Každý ItemRenderer vyzerá rovnako. Ako je možné zabezpečiť, aby každý itemRenderer vyzeral trochu inak na základe svojho obsahu. Napríklad chceme, aby sa zobrazil text, ak má rendrovaný objekt nastavený atribút content. Ďalej chceme, aby sa zobrazil obrázok, ak má objekt nastavený atribút image. Výsledok by mal vyzerať takto:

Ako na to? Odpoveď je prekvapivo jednoduchá. Aj pre itemRenderer je možné využiť mechanizmus stavov. Medzi jednotlivými zobrazeniami sa dá jednoducho prepínať tak, že ItemRendereru nastavíte jeho hodnotu currentState. O zbytok sa už postará Flex.

Pekne je táto problematika spracovaná v článku Understanding Flex itemRenderers – Part 4. od Petra Enta. Poznámka k Petrovmu článku: pre ďalšie stránky článku je nutné ťuknúť na šipku nad komentármi.