Registering Data from Code
Our sample projects and report templates can help you learn the basics of working with our products.Instead of a database connection, you can pass an in-memory DataSet directly to the report.
Preparing the data. Read or create the data source, register it in the report dictionary, synchronize the schema, and render with the supplied records.
Preparing the data. Read or create the data source, register it in the report dictionary, synchronize the schema, and render with the supplied records.
<script setup lang="ts">
import { ref } from 'vue';
import { Viewer, Stimulsoft } from 'stimulsoft-reports-js-vuejs/viewer'
var report = ref<Stimulsoft.Report.StiReport>(null);
function updateReport(dataSet: Stimulsoft.System.Data.DataSet) {
var newReport = new Stimulsoft.Report.StiReport();
newReport.loadFile("Reports/TwoSimpleLists.mrt");
newReport.dictionary.databases.clear();
newReport.regData("Demo", "Demo", dataSet);
report.value = newReport;
}
function buttonXmlClick() {
var dataSet = new Stimulsoft.System.Data.DataSet();
dataSet.readXmlSchemaFile("Data/Demo.xsd");
dataSet.readXmlFile("Data/Demo.xml");
updateReport(dataSet);
}
function buttonJsonClick() {
var dataSet = new Stimulsoft.System.Data.DataSet();
dataSet.readJsonFile("Data/Demo.json");
updateReport(dataSet);
}
</script>
<template>
<div class="container">
<div class="container-button">
<button @click="buttonXmlClick" class="button" title="Using regData() method for registering XML data">Register XML Data</button>
<button @click="buttonJsonClick" class="button" title="Using regData() method for registering JSON data">Register JSON Data</button>
</div>
<div>
<Viewer :report="report" />
</div>
</div>
</template>DataSet is populated with readXmlFile/readXmlSchemaFile or readJsonFile, then handed to the report through regData(). Clearing dictionary.databases first removes the design-time connection.