Как реализовать эффект детализации в Flex DataGrid?

Question

Я хочу, чтобы Flex DataGrid реализовал эффект детализации. Данные в DataGrid получены из файла XML.

Answer 1

Datagrid должно быть что-то вроде этого:

<mx:DataGrid id="DataGridAnswers" 
       top="10" bottom="10" left="10" right="10" 
       > 
     <mx:columns> 
      <mx:DataGridColumn> 
       <mx:itemRenderer> 
        <fx:Component> 
         <mx:LinkButton label="Посмотреть результат" 
             click="linkbutton1_clickHandler(data.test_id, data.id)"> 
          <fx:Script> 
           <![CDATA[ 
            import etc.NavigationEvent; 
            protected function linkbutton1_clickHandler(testId:int, answerId:int):void 
            { 
             var navEvent:NavigationEvent = 
              new NavigationEvent(NavigationEvent.NAVIGATION_STRING, 
               NavigationEvent.REPORTS_SCREEN, true, true); 
             navEvent.testId = testId; 
             navEvent.answerId = answerId; 
             dispatchEvent(navEvent); 
            } 
           ]]> 
          </fx:Script> 
         </mx:LinkButton> 
        </fx:Component> 
       </mx:itemRenderer> 
      </mx:DataGridColumn> 
     </mx:columns> 
    </mx:DataGrid> 

И обрабатывать это событие в контейнере, как это:

protected function navigationHandler(event:NavigationEvent):void 
      { 
       // выбрать соответвтующий экран на главном меню 
       mainMenu.selectScreen(event.screen); 

       switch (event.screen) 
       { 
        case NavigationEvent.LOGOUT: 
                 ... 
         break; 

       } 

       // Переключить вью стек 
       if (screenDic[event.screen] != null) 
        viewStack_main.selectedChild = screenDic[event.screen]; 
      } 

плюс добавить EventListener в контейнер

initialize="this.addEventListener(NavigationEvent.NAVIGATION_STRING, navigationHandler)"