Angular wjFlexGridCellTemplate - textarea적용시 Enter 줄바꿈문제
추천0 비추천 0
페이지 정보
작성자 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를 누르면 줄바꿈이 아닌 수정모드가 종료됩니다.
수정모드 종료를 다른키로 바꾸거나 특정 입력키를 줄바꿈으로 할 수는 없나요 ?