디자이너

보고서 디자이너는 브라우저에서 동작합니다. 도구와 데이터 필드를 밴드에 끌어다 놓고, 옮기고 크기를 바꾸고, 속성을 고친 뒤, 실제 데이터로 미리 보고 JSON으로 저장합니다. 예제나 빈 보고서에서 시작해 보세요.

이 데모의 코드

import { createDesigner } from '@freereportjs/core';
import '@freereportjs/core/styles.css';

const designer = createDesigner(document.getElementById('designer'), {
  definition,                 // start from a saved report, or leave out for a blank one
  data: { rows },             // sample data: fills the field list and the preview
  lang: 'ko',
  onChange: def => draft(def), // the definition as JSON, after every change
  onSave: def => fetch('/api/reports/sales', { method: 'PUT', body: JSON.stringify(def) }),
});