본문으로 건너뛰기

load()

설명​

외부 파일에서 데이터를 로드합니다

사용법​

load(url: string, type?: string): promise;

매개변수​

  • url - (필수) 외부 파일의 URL
  • type - (선택) 로드할 데이터 타입: "json" (기본값), "csv", "xlsx"

반환값​

이 메서드는 데이터 로딩의 promise를 반환합니다

예제​

const spreadsheet = new dhx.Spreadsheet("spreadsheet", {});
spreadsheet.parse(data);

// JSON 형식으로 데이터 로드 (기본값)
spreadsheet.load("../common/data.json");

// CSV 형식으로 데이터 로드
spreadsheet.load("../common/data.csv", "csv");

// Excel 형식으로 데이터 로드 (.xlsx만 지원)
spreadsheet.load("../common/data.xlsx", "xlsx");

관련 예제:

정보

컴포넌트는 AJAX 호출을 수행하며 원격 URL이 유효한 데이터를 제공해야 합니다.

데이터 로딩은 비동기로 처리되므로, 로딩 완료 후 실행할 코드는 promise로 감싸야 합니다:

spreadsheet.load("../some/data.json").then(function(){
    spreadsheet.selection.add(123);
});

Excel 데이터 로드​

노트

컴포넌트는 .xlsx 확장자의 Excel 파일 가져오기만 지원합니다.

DHTMLX Spreadsheet는 WebAssembly 기반 라이브러리 Excel2Json을 사용하여 Excel에서 데이터를 가져옵니다. 세부 정보 확인.

JSON 파일 로드​

사용자가 파일 탐색기를 통해 JSON 파일을 스프레드시트에 로드할 수 있습니다. 이를 위해:

  • ".json" 파일을 선택할 수 있는 파일 탐색기를 여는 버튼을 지정합니다:
<section class="dhx_sample-controls">
    <button class="dhx_sample-btn dhx_sample-btn--flat" onclick="json()">Import json</button>
</section>
  • load() 메서드를 두 개의 매개변수와 함께 호출합니다: URL로 빈 문자열, 로드할 데이터 타입("json"):
const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
    menu: true,
});

spreadsheet.parse(dataset);

function json() {
    spreadsheet.load("", "json"); // .json 파일에서 데이터를 로드합니다
}

예제를 확인하세요.

변경 로그: 파일 탐색기를 통한 JSON 파일 로드 기능이 v4.3에서 추가됨

관련 문서: 데이터 로딩 및 내보내기

Need more help?Contact Support