행에서 텍스트 입력을 사용하여 Flex에서 테이블과 같은 구조를 만드는 방법 또는 DataGrid 열에 입력 필드를 가질 수 있습니까?

Question

레이블로 헤더를 사용하여 Flex에서 구조체와 같은 테이블을 만들고 싶습니다. 행 항목은 체크 박스 또는 텍스트 입력 상자 일 수 있습니다 (아래 예 참조).

선택 | 작업 이름 | 작업 ID | 작업 유형

(확인란) | (텍스트 상자) | (텍스트 상자) | (텍스트 상자)

(확인란) | (텍스트 상자) | (텍스트 상자) | (텍스트 상자)

또는 데이터 표를 만들고 텍스트 입력 상자 또는 확인란을 열 값으로 사용할 수 있습니까?

Answer 1

가능합니다. DataGridColumn의 editable 및 rendererIsEditor 속성을 true으로 설정하여 셀에 TextInput 초를 가져옵니다. 사용자 지정 항목 렌더러를 사용하여 확인란을 가져옵니다.

<mx:XMLListCollection id="listCol" source="{xmlList}"/> 
<mx:XMLList id="xmlList" xmlns=""> 
    <item> 
     <text>Text 1</text> 
     <flag>true</flag> 
    </item> 
    <item> 
     <text>Text 2</text> 
     <flag>false</flag> 
    </item> 
</mx:XMLList> 
<mx:DataGrid dataProvider="{listCol}"> 
    <mx:columns> 
     <mx:DataGridColumn editable="true" rendererIsEditor="true" 
      editorDataField="selected"> 
      <mx:itemRenderer> 
       <mx:Component> 
        <mx:CheckBox selected="{data.flag == 'true'}"/> 
       </mx:Component> 
      </mx:itemRenderer> 
     </mx:DataGridColumn> 
     <mx:DataGridColumn editable="true" rendererIsEditor="true" 
      dataField="text"/> 
    </mx:columns> 
</mx:DataGrid>