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

SpreadJs Designer binding 관련 질문사항 > Q&A | 토론

본문 바로가기

ReactJS SpreadJs Designer binding 관련 질문사항

페이지 정보

작성자 yhs1997 작성일 2022-08-01 11:27 조회 828회 댓글 0건
제품 버전 : 15.1.2

본문

안녕하세요 앞전에 프로젝트 관련해서 화상회의 진행했었던 여현석 선임입니다.

Designer 바인딩 사용시에 질문이 몇가지 있어 질문 드립니다.


1. designer binding 사용시에 json designerBindingPath 를 사용하고 있는데 혹시 해당 스키마를 코드레벨에서 생성할 수 있는 메소드나 방법이 있을까요 ?


2. table.bind() 시 셀이 병합되어 있으면 실행이 안되는데 따로 설정해줘야 할 것이 있을까요 ?


3. 필드를 드래그해서 바인딩 시에 showHeader 를 false로 지정해서 표를 바인딩 할 때 헤더가 보이지 않게 할 수 있을까요 ?


답변주시면 감사하겠습니다.

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: SpreadJs Designer binding 관련 질문사항

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

페이지 정보

작성자 GCK루카스 작성일 2022-08-01 16:18 댓글 2건

본문

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


1. designer binding 사용시에 json designerBindingPath 를 사용하고 있는데 혹시 해당 스키마를 코드레벨에서 생성할 수 있는 메소드나 방법이 있을까요 ?

아래 샘플과 같이 필드 리스트를 코드 레벨에서 생성하고 디자이너 컴포넌트에 적용할 수 있습니다.

필드 리스트는 해당 샘플의 sampleData를 참고해 주시기 바랍니다.

window.onload = function () {
  var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("gc-designer-container"));
  var spread = designer.getWorkbook();
  var sheet = spread.getSheet(0);
  designer.setData("treeNodeFromJson", JSON.stringify(sampleData));
}

var sampleData = {
  "$schema": "http://json-schema.org/draft-04/schema#",
  "properties": {
    "textfield": {
      "dataFieldType": "text",
      "type": "string"
    },
    "checkboxfield": {
      "dataFieldType": "checkbox",
      "type": "string"
    },
    "hyperlinkfield": {
      "dataFieldType": "hyperlink",
      "type": "string"
    },
    "comboboxfield": {
      "dataFieldType": "combox",
      "type": "string"
    },
    "buttonfield": {
      "dataFieldType": "button",
      "type": "string"
    },
    "tablefield": {
      "dataFieldType": "table",
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "text1_table": {
            "dataFieldType": "text",
            "type": "string"
          },
          "text2_table": {
            "dataFieldType": "text",
            "type": "string"
          }
        }
      }
    }
  },
  "type": "object"
}


2. table.bind() 시 셀이 병합되어 있으면 실행이 안되는데 따로 설정해줘야 할 것이 있을까요 ?

병합이 되어 있더라도 표의 열은 앞에서부터 순서대로 바인딩되기 때문에 병합되어 보이지 않는 셀에는 빈 TableColumn을 설정해서 순서를 맞춰주어야 합니다.

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


3. 필드를 드래그해서 바인딩 시에 showHeader 를 false로 지정해서 표를 바인딩 할 때 헤더가 보이지 않게 할 수 있을까요 ?

아쉽게도 표가 생성될 때 헤더 없이 생성할 수는 없습니다.

우선 생성 후, 헤더를 제거하는 방식으로 진행해 주셔야 합니다.


감사합니다.

그레이프시티 드림


댓글목록

yhs1997님의 댓글

yhs1997 작성일

안녕하세요. 여현석 선임입니다.
답변 주신 샘플이 깨져서 안보이는데 혹시 메일이나 다른 방식으로 받을 수 있을까요 ??

깨진 샘플 화면입니다.




GCK루카스님의 댓글

GCK루카스 작성일

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

저희 편에서는 정상적으로 확인이 됩니다.
강력 새로고침으로도 샘플이 제대로 보이지 않는다면, 아래 링크로 접속해 보시기 바랍니다.
https://codepen.io/GrapeCity-Korea/pen/JjLMZVz

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

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