! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

wjFlexGridCellTemplate - textarea적용시 Enter 줄바꿈문제 > Q&A | 토론

본문 바로가기

Angular wjFlexGridCellTemplate - textarea적용시 Enter 줄바꿈문제

페이지 정보

작성자 jyh1861 작성일 2023-09-25 14:10 조회 451회 댓글 1건
제품 버전 : 데모
컨트롤 이름 : wj-flex-grid

본문

그리드 컬럼내에 template를 적용하려합니다.

<wj-flex-grid-column [header]="''" [binding]="'ctnt'">
  <ng-template wjFlexGridCellTemplate [cellType]="'CellEdit'" let-cell="cell">
    <textarea #txt [(value)]="cell.value" (blur)="onBlurTxt(txt.value, cell, $event)"></textarea>
  </ng-template>
</wj-flex-grid-column>
onBlurTxt($val:any, $cell:any, $event:any) {
  $cell.value = $val;
}


위와 같이 <textarea>에서 작성한 내용이 blur이벤트를 탈경우 해당 cell에 값을 주입합니다.

수정모드로 들어갈 경우 작성했던 내용을 그대로 <textarea>에 불러올수 있습니다.


문제는 <textarea>에서 작성중 Enter를 누르면 줄바꿈이 아닌 수정모드가 종료됩니다.

수정모드 종료를 다른키로 바꾸거나 특정 입력키를 줄바꿈으로 할 수는 없나요 ?

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

GCK루시님의 댓글

GCK루시 작성일

안녕하세요 그레이프시티입니다.

현재 문의가 급증하여 순차적으로 답변 중에 있습니다. 관련하여 업데이트가 되는대로 안내드리도록 하겠습니다.

감사합니다.
그레이프시티 드림

1 답변

Angular Re: wjFlexGridCellTemplate - textarea적용시 Enter 줄바꿈문제

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2023-10-05 08:31 댓글 0건

본문

안녕하세요 그레이프시티입니다.


먼저 답변이 지연된 점 죄송합니다.


해당 문의의 경우, 'Alt+Enter' 줄바꿈 단축키를 keydown 이벤트에서 설정 및 구현할 수 있습니다. 


아래 간단한 샘플을 공유드리오니 참고 부탁드립니다.



더불어 textarea를 사용하는 목적이 셀에 새 줄을 입력하는 기능만을 위한 것이라면 Column 클래스의 multiLine 속성을 사용하여 쉽게 구현할 수 있으며 참고 부탁드립니다.


- multiLine API 문서 


관련된 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.