2013-05-26 6 views
0

내 DataGrid에서 내 열 중 하나에 대한 아이콘을 갖고 자 노력 중입니다. 나는 데이터 그리드를 초기화과 같이 열을 넣어 : 나는 헤더에 이미지 벌금을 참조플렉스 DataGrid Spark HeaderRenderer 정렬 아이콘

<s:GridColumn dataField="Test" 
       itemRenderer="ColorGradientItemRenderer" 
       sortCompareFunction="numeric_sort('Test')"> 
    <s:headerRenderer> 
     <fx:Component> 
      <s:DefaultGridHeaderRenderer chromeColor="0xFFFFFF"> 
       <s:Image source="@Embed('img/test.jpg')" width="75" height="75" /> 
      </s:DefaultGridHeaderRenderer> 
     </fx:Component> 
    </s:headerRenderer> 
</s:GridColumn> 

을, 문제는 내가 정렬 이미지를 클릭하면 정렬 방향을 나타내는 작은 화살표가 없다는 것입니다 나타나다. 내가 어떻게 나타나게 할 수 있니? 여기에 mxml 인라인을 몇 개만 삽입하면됩니다. 이렇게하려면 여러 mxml 렌더러 파일을 만들지 않아도됩니다.

+0

을 작은 화살을 구현하십시오. DefaultGridHeaderRenderer를 확장하고 있으므로 이미지가 화살표 위로 덮여있는 것 같습니다. 짐작할 수 있겠지만 렌더러에서 creationComplete를 사용하고 setChildIndex를 사용하여 이미지를 인덱스 0으로 설정하면됩니다. 화살표가 나타납니다. 우아하지는 않지만 아마도 기능적 일 것입니다. – JeffryHouser

+0

실제로 깊이를 변경해 보았지만 작동하지 않았습니다. 또한 왼쪽으로 이미지를 이동시키고 아래로 알파 화를 시도해 보았습니다 - 화살표가 나타나지 않았습니다. 그것은 그것이 화살표를 무너 뜨리는 것과 같은 것이 이상합니다. 나는 렌더러를위한 새로운 파일을 만드는 것을 끝내었다. 조금 짜증나지만 할 수있는 일은 무엇인가? – K2xL

답변

0
당신은 데이터 그리드의 sortByColumns 방법을 사용하거나 데이터 그리드를 확장하고이 방법을 추가 할 수 있습니다

: 사용자 정의가 headerRenderer를 생성하기 때문에 내가 당신에게 최대로 될 것이라고 생각

public function PlaceSortIndicator(columnIndex:uint, descending:Boolean):void 
{ 
    if(columnIndex >= 0 && columns != null && columns.length > columnIndex) 
    { 
     var column:GridColumn = columns.getItemAt(columnIndex) as GridColumn; 
     if(column != null) 
     { 
      column.sortDescending = descending; 
      if (columnHeaderGroup) 
       columnHeaderGroup.visibleSortIndicatorIndices = new <int>[columnIndex]; 
     } 
    } 
}