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

FlexGrid 내 AutoComplete 클릭 시 기존 값 사라짐 > Q&A | 토론

본문 바로가기

PureJS FlexGrid 내 AutoComplete 클릭 시 기존 값 사라짐

페이지 정보

작성자 그리드 작성일 2022-08-11 13:11 조회 1,324회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : AutoComplete

본문



안녕하세요. 


현재 FlexGrid 내 Column editor 속성에 AutoComplete를 선언해 사용하고 있습니다. 


그런데 해당 AutoComplete 셀을 더블 클릭하면 기존에 선택되어 있던 값이 공백으로 변환되는 현상이 있습니다.


AutoComplete 적용 소스는 아래와 같습니다.




col.editor = return new wijmo.input.AutoComplete(document.createElement('div'), {

   maxItems: 5,

   minLength: 3,

   isRequired: false,

   selectedValuePath: customPath1,

   displayMemberPath: customPath2,

   showDropDownButton: false,

   delay: 500,

   itemsSourceFunction: (query, max, callback) => { customFunction() },

   selectedIndexChanged: (sender, evt) => {customFunction()} 

});



감사합니다. 

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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: FlexGrid 내 AutoComplete 클릭 시 기존 값 사라짐

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

페이지 정보

작성자 GCK다이애나 작성일 2022-08-11 18:00 댓글 0건

본문

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


문의 주신 내용에 대해 확인해 본 결과, FlexGrid가 생성 된 후 AutoComplete 컨트롤의 itemsSourceFunction 속성으로 데이터가 로드되어 AutoComplete 컨트롤에 데이터가 바인딩 되지 않아 생기는 현상으로 보입니다.

setTimeout() 메서드를 호출해 시간 차를 두고 itemsSourceFunction 속성으로 불러온 데이터를 AutoComplete 컨트롤의 itemsSource 속성에 지정하시면 동적으로 불러온 데이터를 바인딩 할 수 있습니다.

아래의 샘플을 참고해 보시기 바랍니다.

샘플은 다음과 같은 방법으로 구현되었습니다.

  1. FlexGrid 를 생성 후 editor 속성을 이용하여 'Country' 열에 AutoComplete 컨트롤을 생성합니다.
  2. 동적으로 불러올 데이터를 저장할 변수 country 를 선언합니다.
  3. itemsSourceFunction 속성을 이용하여 동적으로 데이터를 불러와 변수 country 에 저장합니다.
  4. setTimeout() 메서드를 호출하여 시간 차를 두고 AutoComplete 컨트롤의 itemsSource 속성을 변수 country로 지정합니다.


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

감사합니다

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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