TextArea 높이를 콘텐츠 높이로 설정하는 방법

나는 mx : TextArea를 가지고 있는데 그 높이를 콘텐츠 높이와 같게하고 싶습니다. 멋진 것은 없으며 텍스트 영역과 텍스트는 편집 할 수 없습니다. 컨트롤을 맞추고 수직 스크롤없이 모든 텍스트를 표시하는 간단하고 안정적인 방법이 필요합니다. 자동 크기 조정과 비슷합니다. 또한 내 컨트롤의 텍스트는 한 번만 설정되며 편집 할 수 없으므로 변경되지 않습니다.TextArea 높이를 콘텐츠 높이로 설정하는 방법

<mx:TextArea id="myTextArea" 
      editable="false" 
      width="100%" 
      verticalScrollPolicy="off" > 
    <mx:text> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id lorem 
     quis ante pulvinar auctor at eget risus. Nulla facilisi. Morbi ultricies 
     dignissim lorem, quis suscipit felis ullamcorper et. 
    </mx:text> 
</mx:TextArea>

하나의 동일한 주제에 대한 자세한 포스트 here가 있지만 스타일과 바인딩을 포함로 설정이 훨씬 더 복잡 있기 때문에 그것은 저와 관련이 없습니다.

출처

2010-06-21 Branislav Abadjimarinov

가능한 복제본 : http://stackoverflow.com/questions/5672402/spark-textarea-or-richtext-autosize – ggkmath

-1

스크롤 정책 외에도 "wordWrap = 'true'"로 연주하는 것이 좋습니다.

출처

2010-06-21 14:44:47 phtrivier

아니요. 단어 줄 바꿈은 컨테이너의 너비를 초과하는 경우에만 텍스트를 새 줄로 전송합니다. –

사용 textHeight 읽기 전용 TextArea의 특성 및 TextArea.textHeight +를 할 텍스트 영역의 높이를 설정 어떤 수직 패딩 TextArea 사용 플러스 상단과 하단 경계의 높이합니다 (TextArea 구성 요소 및 그림 검사 밖으로). 이 프로세스는 TextArea에 대한 change 이벤트에 추가하는 처리기에서 발생해야합니다. 당신이 스파크 텍스트 영역 구성 요소를 고수 할 것인지

출처

2010-06-21 20:31:15 Robusto

다른 사람 참고 : 'textHeight' 속성은 스파크 구성 요소에서 사용할 수 없습니다. 대신 mxml (또는 AS3의 = NaN)에 TextArea 속성 'heightInLines = {NaN}'을 설정하면됩니다. 참조 : http://blog.flexexamples.com/2010/01/18/creating-a-vertically-auto-resizing-spark-textarea-control-in-flex-4/ – ggkmath

는 다음 코드를 사용하여

<s:TextArea 
    id="myTextArea" 
    editable="false" 
    width="100%" 
    verticalScrollPolicy="off" 
    change="myTextArea.height = myTextArea.scroller.viewport.contentHeight + 2;"> 
    <s:text> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id lorem 
     quis ante pulvinar auctor at eget risus. Nulla facilisi. Morbi ultricies 
     dignissim lorem, quis suscipit felis ullamcorper et. 
    </s:text> 
</s:TextArea>

을 또는 당신은 함수에서 변경 핸들러를 넣을 수 있습니다.

출처

2011-09-23 16:29:02 stickboywarren

HTML 텍스트를 사용하는 모바일에서는 작동하지 않습니다. . – JeffryHouser

코드를 통해 텍스트를 설정하면 일반 프로젝트에서도 작동하지 않습니다. 'updateComplete' 이벤트에 높이를 적용하는 것이 좋습니다. –

속성'change'는 훌륭하게 작동합니다 :) –

TextArea 높이를 콘텐츠 높이로 설정하는 방법

답변

관련 문제