Flex - как создать простой встроенный флажок itemeditor в столбце таблицы искровых данных?

Question

Изучив документацию по Flex 4.6 (Flash Builder), он показывает пример создания редактора элементов для столбца сетки данных, но в их примере используется библиотека "mx". Я пытаюсь использовать библиотеку искры. Я не могу придумать эквивалентный рабочий код в spark:

Вот их код:

            <mx:itemEditor>
                <fx:Component>
                    <mx:VBox backgroundColor="yellow">          
                        <fx:Script>
                            <![CDATA[
                                // Define a property for returning 
                                // the new value to the cell.
                                [Bindable]
                                public var cbSelected:Boolean;
                            ]]>     
                        </fx:Script>

                        <mx:CheckBox id="followUpCB" 
                            label="Follow up needed" 
                            height="100%" width="100%" 
                            selected="{data.FollowUp}" 
                            click="cbSelected=followUpCB.selected"/>
                    </mx:VBox>
                </fx:Component>
            </mx:itemEditor>
        </mx:DataGridColumn>

Я хочу сделать то же самое, но с использованием сетки данных искры и, флажок искры и VGroup, и т. Д.

Это возможно / как?

Обновление: Небольшой прогресс, теперь я частично работаю, рассматривая различные примеры. Он отображает флажок, и я могу установить флажок, чтобы изменить значение, ОДНАКО, кажется, что это не вызывает изменение / обновление сетки данных. Например, мне нужно отредактировать другое поле в сетке данных, чтобы сетка данных обновлялась и сохранялась на сервере. Я использую событие gridItemEditorSessionSave:

<s:DataGrid  id="recsDG"  width="100%" height="100%" dataProvider="{_recs}"
                 editable="true" gridItemEditorSessionSave="recsDG_gridItemEditorSessionSaveHandler(event)"  alternatingRowColors="[#FFFFFF, #CCCCCC]">

...

<s:GridColumn headerText="active" dataField="active" rendererIsEditable="true" >
                    <s:itemRenderer>
                        <fx:Component>
                            <s:GridItemRenderer>
                              <s:CheckBox id="test124" selected="{(data.active==1)}"
                                          change="{data.active=int(test124.selected)}"/>

                            </s:GridItemRenderer>

                        </fx:Component>
                    </s:itemRenderer>

                </s:GridColumn>