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

테이블 시트 데이터 초기화 및 데이터 재 조회 > Q&A | 토론

본문 바로가기

VueJS 테이블 시트 데이터 초기화 및 데이터 재 조회

페이지 정보

작성자 하하아빠 작성일 2023-08-25 18:44 조회 473회 댓글 1건
제품 버전 : 16.1.3

본문


테이블 시트관련 질문이 있습니다.


1. addRow() 함수와 removeRow()가 있는것은 확인했는데,

전체 한번에 전체 데이터를 지우는 방법은 없나요?


2. 데이터 갱신 질의 remote API를 쓰지않고 

데이터를 갱신할 수 있는 방법은 없나요?

-> 컴포넌트에 [조회] 버튼을 눌러서 자체 API로 DB 조회 후 orderData에 담습니다.

해당 값을 계속 변경되게 하고 싶어요.


let tableSheet = this.spread.addSheetTab(
this.spread.getSheetTabCount(),
this.selectBiTableSheetNm,
GC.Spread.Sheets.SheetType.tableSheet,
);
 
let orderData = res.data.data; //DB 조회를 통한 데이터 삽입
let productTable = dataManager.addTable(vm.selectBiTableSheetNm+"의 데이터 시트", {
data: orderData,
});

let columnInfos = [
{ value: 'test1', caption: 'test1' },
{
value: 'test2',
caption: 'test2',
// style: { formatter: 'yyyymmdd' },
},
{ value: 'test3', caption: 'test3' },
{ value: 'test4', caption: 'test4' },
{ value: 'test5', caption: 'test5' },
];

let viewOption = {
defaultColumnWidth: 132,
};
//
let view = productTable.addView(vm.selectBiTableSheetItem, columnInfos, true, viewOption);
//
productTable.fetch().then(function() {
tableSheet.setDataView(view);
}



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

댓글목록

하하아빠님의 댓글

하하아빠 작성일

2. 데이터 갱신 질의 remote API를 쓰지않고 

데이터를 갱신할 수 있는 방법은 없나요? 

-> 컴포넌트에 [조회] 버튼을 눌러서 자체 API로 DB 조회 후 orderData에 담습니다. 

해당 값을 계속 변경되게 하고 싶어요.


문의 주신 내용이, orderData가 변경되었을 때 이 변경된 값을 TableSheet에 다시 표시하고 싶다는 말씀이 맞으실까요?

제가 이해한 것이 맞는지 확인 부탁 드리며, 혹시 다른 의미라면 다시 한 번 설명을 부탁 드립니다.

-> 네 맞습니다. 



2 답변

VueJS Re: 테이블 시트 데이터 초기화 및 데이터 재 조회

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

페이지 정보

작성자 GCK루카스 작성일 2023-08-29 17:44 댓글 0건

본문

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


문의 주신 사항에 대해 답변 드립니다.


1. addRow() 함수와 removeRow()가 있는것은 확인했는데, 

전체 한번에 전체 데이터를 지우는 방법은 없나요? 


아쉽게도 테이블 시트 전체 데이터를 지우는 방법은 제공하고 있지 않습니다.


2. 데이터 갱신 질의 remote API를 쓰지않고 

데이터를 갱신할 수 있는 방법은 없나요? 

-> 컴포넌트에 [조회] 버튼을 눌러서 자체 API로 DB 조회 후 orderData에 담습니다. 

해당 값을 계속 변경되게 하고 싶어요.


문의 주신 내용이, orderData가 변경되었을 때 이 변경된 값을 TableSheet에 다시 표시하고 싶다는 말씀이 맞으실까요?

제가 이해한 것이 맞는지 확인 부탁 드리며, 혹시 다른 의미라면 다시 한 번 설명을 부탁 드립니다.


[프리미엄 회원 전환 안내]
라이선스를 보유하고 계신다면, 누구나 추가 비용 없이 그레이프시티 포럼 프리미엄 회원이 될 수 있습니다.
프리미엄 회원으로 전환 시, 기술 문의에 대하여 우선 지원 받으실 수 있습니다.
아래 링크를 통해 프리미엄 회원 전환 방법 및 혜택 안내를 살펴보시길 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

VueJS Re: 테이블 시트 데이터 초기화 및 데이터 재 조회

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

페이지 정보

작성자 GCK루카스 작성일 2023-09-01 13:06 댓글 0건

본문

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


orderData가 변경되었을 경우, TableSheet에 반영하기 위해서는 아래와 같이 코드를 사용하셔야 합니다.

아래 샘플 및 도움말을 참고하여 주시기 바랍니다.

  let myTable = spread.dataManager().tables["주문정보"];
  myTable.options = {
    remote: {
      read: function () { 
        return Promise.resolve(orderData); 
      } 
    } 
  };
  myTable.fetch(true).then(function() {
    let myView = myTable.views["수주관리"];
    let sheet = spread.getActiveSheetTab();
    sheet.setDataView(myView);
  });


[프리미엄 회원 전환 안내]
라이선스를 보유하고 계신다면, 누구나 추가 비용 없이 그레이프시티 포럼 프리미엄 회원이 될 수 있습니다.
프리미엄 회원으로 전환 시, 기술 문의에 대하여 우선 지원 받으실 수 있습니다.
아래 링크를 통해 프리미엄 회원 전환 방법 및 혜택 안내를 살펴보시길 바랍니다.

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

댓글목록

등록된 댓글이 없습니다.

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