[{"id":"d1ffb4db-74d8-4220-a972-c13d6fa8123b","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"1ea0de02-4d95-4f9a-bd1e-e4f1e58e5146","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"cd911f7e-e532-41c5-b415-fd5a1a83b8d6","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"54a4a5be-ed96-43df-a901-6a53495a4ff7","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"fe055276-b12c-40ab-9569-c2d9ebd4f5b8","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"71be3f0b-8a29-45e8-8d43-4965d3e0897e","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"ea12b649-a786-495c-ad0f-7ef38ce94a9e","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"9582e49d-f693-4f0d-96b3-7f4accc2bb6e","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"a6f863bb-031a-44cc-8a12-fc91219e8c15","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"c5da505a-f378-4333-b85f-2429d057b519","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"7daee9d7-e908-4166-9d62-2ca3e93547fb","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"8659262c-9b4e-4e31-9c6c-b97d1d0e0740","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"966a73cf-5b72-4f4b-8939-e7a06e0863da","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"6c63e26a-a944-4aa9-a190-ecc8ac767287","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"3af6c981-53ee-41ba-8ef7-03efb56a8fff","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"8f1b28f2-c419-43fb-b765-5fde0a36fb08","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"d67bf68e-cb2e-4b6f-9253-68ca0ee46560","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"e23050c1-7dc0-4265-a2d9-eaaf938c2d35","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"c9c6aa74-7d95-41b4-9702-98774683bf0a","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"83a0368a-9a1a-4b31-8081-d2edc554d42f","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"0e562678-2dd4-4972-ab4d-e718f050accb","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"9965a8b8-f6c2-4727-a6d6-4cf12bd5b14f","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"e805fe27-20e5-4468-85b9-078665b18438","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"a1a9a9bc-d0b6-4d18-8abf-5c6f2a7cfa40","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"fdcc0c41-acb5-4465-9b66-7e06200a48c4","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"05d00001-6629-4aea-be2a-ddc570ca6a09","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]}]
데모 도움말 API
Download
(Showing Draft Content)

ActiveReportsJS: 버전 5.0의 새로운 기능

MESCIUS로의 리브랜딩

GrapeCity에서 MESCIUS로 리브랜딩하면서, 우리는 새로운 NPM 패키지 이름을 소개합니다. GrapeCity 패키지는 1년 동안 사용할 수 있으므로 애플리케이션을 새 패키지로 업데이트할 수 있는 충분한 시간을 제공합니다. 아래 표는 GrapeCity 패키지와 새 MESCIUS 패키지사이의 대응 관계를 간략하게 설명합니다..

GrapeCity 패키지

MESCIUS 패키지

@grapecity/activereports

@mescius/activereportsjs

@grapecity/activereports-localization

@mescius/activereportsjs-i18n

@grapecity/activereports-react

@mescius/activereportsjs-react

@grapecity/activereports-angular

@mescius/activereportsjs-angular

@grapecity/activereports-vue

@mescius/activereportsjs-vue

@grapecity/activereports-svelte

@mescius/activereportsjs-svelte

UMD 모듈을 통해 제공되는 공개 API도 MESCIUS 네임스페이스를 사용하도록 업데이트 되었습니다. 아래 표는 가장 일반적으로 사용되는 공개 API에 대한 해당 변경 사항을 보여줍니다.

레거시 네임스페이스

새로운 네임스페이스

GC.ActiveReports.Core

MESCIUS.ActiveReportsJS.Core

GC.ActiveReports.ReportViewer

MESCIUS.ActiveReportsJS.ReportViewer

GC.ActiveReports.ReportDesigner

MESCIUS.ActiveReportsJS.ReportDesigner

새로운 MESCIUS 패키지와 네임스페이스와의 호환성을 보장하려면 이러한 변경 사항을 반영하여 코드 참조를 업데이트해야 합니다.

사용자 인터페이스 개편

보고서 디자이너와 보고서 뷰어 컴포넌트 모두의 아이콘과 색상을 업데이트하여 현대적인 모양과 느낌을 제공했습니다. 또한 테마 기능을 향상시켜 사전 정의된 테마 중 하나를 그 어느 때보다 쉽게 적용할 수 있게 했습니다.

image.7f13ae

Visual Studio Code Extension

이제 Visual Studio Code에서 새 보고서를 만들거나 기존 보고서를 수정할 수 있습니다. ActiveReportsJS Extention 기능은 마켓 플레이스에서 무료로 제공됩니다. 이것은 라이선스 없이 디자인 타임과 미리 보기 타임에 평가 배너가 표시되는 상태로 사용할 수도 있습니다. 또는 Extention 설정에서 라이선스 키를 입력할 수도 있습니다.

image.0a34bd

보고서 구성요소(Report Parts)

ActiveReportsJS에 보고서 구성 요소를 소개하게 되어 기쁩니다!

개발자와 보고서 작성자는 이 혁신적인 기능을 활용하여 사전 정의된 재사용 가능한 보고서 항목을 편리한 보고서 구성요소 라이브러리(Report Part Library)로 디자인하고 정리할 수 있습니다. 이러한 라이브러리에 의해 보고서 생성 절차가 간소화되므로, 전문 기술 지식을 갖추지 않은 사용자라도 쉽게 보고서 컴포넌트를 통합하고 사용자 정의할 수 있습니다. 이 기능을 사용하면 전문 기술 지식을 갖추지 않은 사용자를 위해 완전히 맞춤화된 보고서 디자이너를 구현할 수 있으므로, 더 높은 효율성과 일관성을 발휘하여 보고서를 작성할 수 있습니다. 자세한 내용은 보고서 구성요소 자습서 방문하세요. 라이브 데모는 여기에서 제공됩니다.

기타

  • 이제 서식 있는 텍스트 보고서 항목에서 line-height 스타일 속성을 지원합니다.

  • Vite.js로 빌드된 프로젝트는 추가 구성이 필요하지 않습니다. 이것은 Svelte 및 Nuxt.js에도 적용됩니다.

  • 보고서 디자이너는 이제 어플리케이션 바에 새로운 레이아웃 탭을 포함합니다. 레이아웃 탭에서는 여러 보고서 항목에 대한 레이아웃 작업을 수행할 수 있습니다.

    image.082153