flex - Navigation within ItemRenderer -

how can navigate within itemrenderer?

for example, in views use view.navigator (viewnavigator) push , pop views, there no such feature in itemrenderer.

navigation within view (easy)

<s:view> <s:hgroup >     <s:button label="questionnaire" click="navigator.pushview(view.questionnairecategory1view)"/> </s:hgroup> 

navigation within item renderer (impossible?)

<?xml version="1.0" encoding="utf-8"?> <s:itemrenderer xmlns:fx="http://ns.adobe.com/mxml/2009"                  xmlns:s="library://ns.adobe.com/flex/spark"                  autodrawbackground="true" height="56">     <s:hgroup>         <s:button text="button" click="?????????"/>     </s:hgroup>   </s:itemrenderer> 

you want use bubbling events catch when user interacts item renderer.

<s:itemrenderer xmlns:fx="http://ns.adobe.com/mxml/2009"                  xmlns:s="library://ns.adobe.com/flex/spark">     <s:hgroup>         <s:button text="button" click="dispatchevent(new event('buttonclicked', true));"/>     </s:hgroup> </s:itemrenderer> 

then when whatever using item renderer:

<datagroup id="group" itemrenderer="youritemrenderer" dataprovider="{somedata}" creationcomplete="group.addeventlistener('buttonclick', somehandlerfunction);" /> 

and within handler function, whatever action wanted do. in case, i'm adding event listener on creation complete of datagroup, can add creation complete event of main container. way keep item renderer decoupled , reusable, using proper software practices (data in, events out).