@boredguyscorp/bg-reporting v0.0.14

BG Reporting

NPM package for boredguys's react devexpress reporting

Installation

npm install @boredguyscorp/bg-reporting

or

pnpm add @boredguyscorp/bg-reporting

or

yarn add @boredguyscorp/bg-reporting

Usage

"use client"

import dynamic from "next/dynamic"

// import css
import "jquery-ui/themes/base/all.css"
import "devextreme/dist/css/dx.common.css"
import "devextreme/dist/css/dx.light.css"
import "@devexpress/analytics-core/dist/css/dx-analytics.common.css"
import "@devexpress/analytics-core/dist/css/dx-analytics.light.css"
import "@devexpress/analytics-core/dist/css/dx-querybuilder.css"
import "devexpress-reporting/dist/css/dx-webdocumentviewer.css"
import "devexpress-reporting/dist/css/dx-reportdesigner.css"

// dynamic import report designer
const ReportDesigner = dynamic(
  () => import("@boredguyscorp/bg-reporting").then((mod) => mod.ReportDesigner),
  { ssr: false }
)

function Component() {
  return (
    <div className="w-full h-full">
      <ReportDesigner
        url="test-report-name"
        requestOptions={{
          host: "https://localhost:5001/",
          getDesignerModelAction: "DXXRD/GetDesignerModel",
        }}
      />
    </div>
  )
}

"use client"

import dynamic from "next/dynamic"

// dynamic import report viewer
import "jquery-ui/themes/base/all.css"
import "devextreme/dist/css/dx.common.css"
import "devextreme/dist/css/dx.light.css"
import "@devexpress/analytics-core/dist/css/dx-analytics.common.css"
import "@devexpress/analytics-core/dist/css/dx-analytics.light.css"
import "@devexpress/analytics-core/dist/css/dx-querybuilder.css"
import "devexpress-reporting/dist/css/dx-webdocumentviewer.css"
import "devexpress-reporting/dist/css/dx-reportdesigner.css"

const ReportViewer = dynamic(
  () => import("@boredguyscorp/bg-reporting").then((mod) => mod.ReportViewer),
  { ssr: false }
)

function Component() {
  return (
    <div className="w-full h-full">
      <ReportViewer
        url="test-report-name"
        requestOptions={{
          host: "https://localhost:5001/",
          invokeAction: "DXXRDV",
        }}
      />
    </div>
  )
}