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

Designer실행 후 파일(ssjson) 및 스키마로드(sjon) > Q&A | 토론

본문 바로가기

Angular Designer실행 후 파일(ssjson) 및 스키마로드(sjon)

페이지 정보

작성자 권오현 작성일 2023-11-22 12:51 조회 79회 댓글 0건
제품 버전 : 15.1.4

본문

Angular 소스에 Desinger를 구현은 했습니다.

그리고 오픈할 파일의 dataSource(ssjson) 정보를 알고 있고 스키마(json) 정보를 이미 알고 있는 상태 입니다.


그래서 Desinger가 표시되고 dataSource 및 스키마를 자동으로 띄우고 싶습니다.

확인 부탁 드립니다.


샘플 소스 같은 것이 있으면 부탁 드립니다.

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

댓글목록

등록된 댓글이 없습니다.

2 답변

Angular Re: Designer실행 후 파일(ssjson) 및 스키마로드(sjon)

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

페이지 정보

작성자 MESCIUS루카스 작성일 2023-11-23 15:51 댓글 1건

본문

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


디자이너 컴포넌트 화면에서 템플릿과 스키마를 불러오는 샘플 전달 드립니다.

아래 코드와 샘플을 참고하여 주시기 바랍니다.

  $.ajax({
    //템플릿 불러오기
    url: "https://assets.codepen.io/975719/template_sample.ssjson",
    datatype: "json",
    success: function (data) {
      spread.suspendPaint();
      spread.suspendCalcService();	
      spread.suspendEvent();	
      var jsonData = JSON.parse(data);
      spread.fromJSON(jsonData);
      if (jsonData.designerBindingPathSchema) {
        designer.setData("treeNodeFromJson", JSON.stringify(jsonData.designerBindingPathSchema));
      }
      console.log(JSON.stringify(jsonData.designerBindingPathSchema));
      spread.resumePaint();
      spread.resumeEvent();
      spread.resumeCalcService();
    },
    error: function (ex) {
      alert('Exception:' + ex);
    }
  });

 


감사합니다.

메시어스 드림

댓글목록

권오현님의 댓글

권오현 작성일

예전에 Designer example 받아서 아래와 같이 구현 되어 있습니다.

1. html
<designer
  (designerInitialized)="afterDesignerInit($event)"
  [props]="props">
</designer>

2. ts
var config = GCDesigner.Spread.Sheets.Designer.DefaultConfig;

props = {
  styleInfo: "width: 100%; height: 91vh; margin-top: 2px",
  config: config
};

afterDesignerInit(e: any) {

}

그리고 알려주신 JS 코드를 추가하면 에러 표시가 납니다.
( designer = new GC.Spread.Sheets.Designer 에서 에러 )

ts 예제로 확인해주시면 더욱 감사하겠습니다. 

Angular Re: Designer실행 후 파일(ssjson) 및 스키마로드(sjon)

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

페이지 정보

작성자 MESCIUS루카스 작성일 2023-11-24 15:06 댓글 0건

본문

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


해당 샘플 Angular 형태로 전달 드립니다.

우측 하단 Open Sandbox 버튼을 클릭하여 코드 확인이 가능합니다.



또한 SpreadJS를 Angular 환경에서 사용하실 때 도움이 되는 아래 링크를 함께 전달 드립니다.


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

댓글목록

등록된 댓글이 없습니다.

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