Flex에서 DataGridColumn의 테두리를 제거하는 방법이 있습니까?

Question

DataGrid 내에서 특정 테두리를 제거하는 방법을 볼 수 없습니다. 두 열의 측면 경계선을 제거하여 단일 열처럼 보이게하고 싶습니다.

각 DataGrid 행에 "값 지우기"버튼을 구현하려고합니다. 별도의 ActionScript 파일에서 사용자 정의 ItemRenderer에 단추 쇼를 표시 할 수 있었지만 단추 클릭 이벤트를 DataGrid가있는 mxml 파일로 전파하는 방법을 확신 할 수 없었습니다. '취소'버튼을 사용하여 추가 할 수없는 열을 추가하는 것이 훨씬 쉬울 것입니다.

다시 말해서 : 국경 스타일을 변경하거나 DataGridColumn의 특정 테두리를 제거하는 방법이 있습니까?

Answer 1

일종의 해킹이지만 내 요구에 맞는 솔루션을 찾았습니다. 나는 명확한 분리막 스킨을 만들고 그것을 verticalLockedSeparatorSkin으로 사용하고 분리기까지 열을 잠급니다. 내 DataGrid에 가로 스크롤이 없었기 때문에이 방법이 효과적이었습니다.

데이터 그리드의 MXML : (ActionScript 클래스 등)

<mx:DataGrid lockedColumnCount="2" verticalLockedSeparatorSkin="ClearGridSeparatorSkin"> 
    <mx:columns> 
     <mx:DataGridColumn /> 
     <mx:DataGridColumn /> <!-- this column is to the left of the clear separator --> 
     <mx:DataGridColumn /> <!-- this column is on the right side of the separator --> 
    </mx:columns> 
</mx:DataGrid> 

구분 피부 :

package com.example.ClearSeparator 
{ 
    import mx.skins.ProgrammaticSkin; 
    public class ClearGridSeparatorSkin extends ProgrammaticSkin 
    { 
     public function ClearGridSeparatorSkin() 
     { 
      this.alpha=0; 
      this.width=1; 
      super(); 
     } 
    } 
} 

그것은 단지 (내가 필요한 모든 인) 2 열 사이의 단일 국경의 제거를 위해, 그러나, 수