actionscript 3 - Flex DataGrid in GridItemRenderer -
i've got hierarchical data show in flex spark datagrid, looking this:
|------|---------------------------| | row1 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | | in | 1 | 2 | 3 | 4 | 5 | 6 | 7 | | outer|---------------------------| | grid | component spans | | | on multiple columns here| |----------------------------------| | row2 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | | in | 1 | 2 | 3 | 4 | 5 | 6 | 7 | | outer|---------------------------| | grid | component spans | | | on multiple columns here| |----------------------------------|
what i'm trying use custom griditemrenderer holds inner datagrid. basic concept looks this:
<s:datagrid dataprovider="{outerdataprovider}" width="100%" height="100%" variablerowheight="true"> <s:columns> <s:arraylist> <s:gridcolumn datafield="name"> <s:itemrenderer> <fx:component> <s:defaultgriditemrenderer /> </fx:component> </s:itemrenderer> </s:gridcolumn> <s:gridcolumn> <s:itemrenderer> <fx:component> <s:griditemrenderer> <s:states> <s:state name="normal" /> <s:state name="toggled" /> </s:states> <s:layout> <s:verticallayout /> </s:layout> <s:hgroup> <s:datagrid dataprovider="{data.innerdataprovider}" columns="{outerdocument.mydynamicgeneratedcolumns}"> </s:datagrid> <s:group> <s:togglebutton label="toggle" /> </s:group> </s:hgroup> <mycomponent width="100%" height="50" includein="toggled" /> </s:griditemrenderer> </fx:component> </s:itemrenderer> </s:gridcolumn> </s:arraylist> </s:columns> </s:datagrid>
i'm experiencing serious performance issues when adding inner datagrid. vertical scrolling horribly slow.
i've been trying understand optimize, i'm not sure begin. inner datagrid need have dynamic number of columns, , guess 1 of parts needs done.
is wrong this? use component datagrid inner grid structure , better performance?
the grid basicly grid containing images depending on values inside each row.
any suggestions or links datagrid tips?
how using list tilelayout inner grid. perform better:
<s:list> <s:layout> <s:tilelayout/> </s:layout> </s:list>
Comments
Post a Comment