2011-10-28 4 views
0

안녕하세요 여러분, 나는 데이터 그리드에 내 노트를 저장하고 있지만 텍스트 영역의 팝업을 만들고 있습니다. 데이터 그리드에 대한 코드는 아래와 같습니다.flex에있는 dataGrid의 행에 대한 가변 높이

이제 IT가 행 중 하나에 맞는 메모를 추가합니다. 이제 모든 행의 크기가 같습니다. 각 행에 텍스트가 맞도록 크기 변수를 만들고 싶습니다. 큰 텍스트 노트의 경우 스크롤이 필요 없도록 행의 높이가 커야합니다. 데이터가 작은 유사 할 때 그 높이가 사용자의 데이터 그리드와 데이터 그리드 컬럼에 대한 설정 특성 wordWrap="true"에 대한

<mx:AdvancedDataGrid x="0" y="231" width="872" height="273" fontSize="12" id="dgRecentNotes" horizontalGridLineColor="#01030B" dataProvider="{patientProfile.notes}" horizontalGridLines="true" variableRowHeight="true"> 
         <mx:columns> 
          <mx:AdvancedDataGridColumn headerText="Recent Notes" dataField="noteText" sortCompareFunction="date_sortCompareFunc" resizable="true"> 
            <mx:itemRenderer> 
             <fx:Component> 
              <mx:HBox> 
               <mx:Text width="100%" height="100%" text="{(data.createdOn.getMonth()+1)+'/'+data.createdOn.getDate()+'/'+data.createdOn.getFullYear()+' ('+((data.createdOn.getHours()+1) >9 ? (data.createdOn.getHours()+1) : '0' + (data.createdOn.getHours()+1))+' : ' + ((data.createdOn.getMinutes()+1) >9 ? (data.createdOn.getMinutes()+1) : '0' + (data.createdOn.getMinutes()+1)) +')' +'\n'+data.noteText}"/> 
              </mx:HBox> 
             </fx:Component> 
            </mx:itemRenderer> 
          </mx:AdvancedDataGridColumn> 
         </mx:columns> 
        </mx:AdvancedDataGrid> 

답변

4

설정 속성 variableRowHeight="true" 작아야한다. Refer this blogpost

+0

variableRowHeight = "진정한"이 이미 설정되어 있고 당신이 그렇게 텍스트가'에 표시됩니다의 itemRenderer를 사용하고 난'당신의 데이터 그리드 컬럼 및 100 %로 고정 폭을 줄이 너무 열의 자동 줄 바꿈을 사용했지만 –

+0

를 작동하지 않았다 Hbox 용. 나는 정확히 모른다. .. 작동 할 수도있다 ... (아이템 렌더러 내에서 HBox를 사용하는 이유는 무엇입니까?) –

+0

그대로 모든 것을 그대로 둡니다. HBox ant를 사용하지 마십시오. 텍스트가 적합합니다. – grass

관련 문제