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

FlexGridDetailProvider 에서 async, await사용 여부 > Q&A | 토론

본문 바로가기

PureJS FlexGridDetailProvider 에서 async, await사용 여부

페이지 정보

작성자 톡톡 작성일 2023-09-19 10:48 조회 584회 댓글 1건
제품 버전 : Wijmo Library 5.20201.664

본문

https://www.grapecity.com/wijmo/demos/Grid/Rows/RowDetail/Overview/purejs

여기 예제를 만들어 실행하면 잘 작동합니다.


데이터 얻어오는 부분에서


function getProducts(categoryID) {
        var arr = [];
        products.items.forEach(function (product) {
            if (product.CategoryID == categoryID) {
                arr.push(product);
            }
        });
        return arr;
    }

async, await를 사용하여 데이터를 받아올수 없는건가요?
 
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

삭제된 댓글

톡톡 작성일

삭제된 댓글 입니다.

3 답변

PureJS Re: FlexGridDetailProvider 에서 async, await사용 여부

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

페이지 정보

작성자 GCK루시 작성일 2023-09-21 10:46 댓글 0건

본문

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


문의하신 코드의 getProducts 함수에서는 네트워크 요청과 같은 비동기 작업을 수행하지 않는 것으로 보이며 따라서 async/await을 추가하는 것은 불필요한 작업으로 보입니다.  async/await가 필요한 디테일한 use case를 말씀해주신다면 확인 후 회신 드릴 수 있도록 하겠습니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

PureJS Re: FlexGridDetailProvider 에서 async, await사용 여부

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

페이지 정보

작성자 톡톡 작성일 2023-09-21 13:50 댓글 0건

본문

https://www.grapecity.com/wijmo/demos/Grid/Rows/RowDetail/Overview/purejs 

여기 예제에서는 디테일 데이터를 미리 받아와서 업데이트 방식인데요


메인 그리드 데이터가 몇만개이고 각각의 디테일 데이터를 다 불러와서 들고 있다는건 상당히 불합리하다고

 생각 됩니다. 


+ 단추를 클릭할때 api를 호출해서 디테일 데이터를 불러와서 업데이트 시키는는 방법은 없나요?

댓글목록

등록된 댓글이 없습니다.

PureJS Re: FlexGridDetailProvider 에서 async, await사용 여부

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

페이지 정보

작성자 GCK루시 작성일 2023-09-25 17:16 댓글 0건

본문

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


문의하신 내용의 경우, Wijmo 기능에 대한 내용이기보다는 개발 로직에 대한 내용이며 데모는 참고용이기에 데이터 호출의 경우 필요한 로직에 따라 자체적으로 수정해서 사용하시면 됩니다.


먼저 getPosts 함수는 async 키워드를 사용하여 호출하는 경우 비동기로 만들어졌기 때문에 Promise가 반환되며 Detailrow에 업데이트된 값을 표시하려면 'getPosts()' 메서드와 함께 사용되는 then() 콜백에서 셀의 innerHTML을 변경할 수 있습니다.


아래 샘플을 공유드리며 샘플에서는 두 가지 접근 방식을 보여주고 있습니다.


첫 번째 접근 방식(주석이 해제된 asyncDetailProvider() 메서드)은 'getPosts()' 메서드의 then() 콜백에서 데이터를 받을 때 DetailRow에 FlexGrid를 생성해줍니다. 


두 번째 접근 방식(주석 처리된 asyncDetailProvider() 메서드)에서는 FlexGrid를 먼저 생성하고 'getPosts()' 메서드의 then() 콜백에서 FlexGrid의 itemsSource를 업데이트 처리를 해주고 있습니다.


 


- detail API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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