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

[그리드] 인라인 편집 기능 + newRowAtTop 같이 활용 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

Wijmo

Q&A | 토론

PureJS [그리드] 인라인 편집 기능 + newRowAtTop 같이 활용

페이지 정보

작성자 임임임
프로필 보기 쪽지 보내기
작성일 2024-04-16 15:21 조회 27회 댓글 2건
제품 버전 : 5.20231.904
컨트롤 이름 : 인라인 편집 기능 + newRowAtTop

본문

안녕하세요.


아래 그림과 같이 인라인 편집과 newRowAtTop을 같이 사용하고 싶습니다.

신규 생성된 row에서 ok 버튼 클릭 시 작성된 내용을 가져오지 못하고 있습니다.


확인방법: commitEdit()에서 currentEditItem을 console.log로 찍어보면 null 로 확인


같이 사용하고 싶은 경우 어느 부분을 추가해야하는지 가이드를 부탁 드립니다.


 

https://codepen.io/MESCIUS-Korea/pen/yLVyKLv


변경점

주석처리: isReadyOnly 

추가속성:

     allowAddNew: true,

    allowDelete: true,

    newRowAtTop:true,


 

#인라인 #편집 #newRowAtTop
  • 페이스북으로 공유
  • 트위터로 공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

MESCIUS엘라님의 댓글

MESCIUS엘라
프로필 보기 쪽지 보내기
작성일

안녕하세요 메시어스입니다.

문의하신 내용은 확인 중에 있으며 업데이트 되는 대로 답변 드리겠습니다.

감사합니다.
메시어스 드림

임임임님의 댓글

임임임
프로필 보기 쪽지 보내기
작성일

안녕하세요.
하기 건 답변은 언제쯤 받을 수 있을까요?

확인 부탁 드립니다.

1 답변

PureJS Re: [그리드] 인라인 편집 기능 + newRowAtTop 같이 활용

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

페이지 정보

작성자 MESCIUS엘라
프로필 보기 쪽지 보내기
작성일 2024-04-19 14:51 댓글 0건

본문

안녕하세요 메시어스입니다.


인라인 편집 모드에서 newRowAtTop 속성을 활용하여 새로운 행을 추가하는 경우, 

collectionView의 메서드 중 collection에 새로운 데이터를 추가하는 addNew() 메서드를 통해 구현할 수 있습니다.


addNew() 메서드를 사용하여 input에 입력된 value를 collectionView에 객체 형태로 추가하면 그리드 하단에 새로운 행이 추가되는 것을 확인할 수 있습니다. (샘플의 commitEdit() 함수 섹션)


자세한 코드는 아래의 샘플을 참고하여 주시기 바랍니다.



다른 궁금한 점이 생기시면 문의주시기 바랍니다.


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

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