Stimulsoft Reports.JS报表控件是Stimulsoft公司最新推出的一款纯JavaScript的报表解决方案，可以帮助开发人员快速构建WEB报表应用，这篇文章主要介绍该产品中基本的一些用法。
1.各种常用JS文件和CSS文件的引用
<script src="stimulsoft.reports.js"></script>
要使用控件提供的 Stimulsoft Report Viewer则需要添加CSS和JS文件的引用
<link href="stimulsoft.viewer.office2013.css" rel="stylesheet">
<script src="stimulsoft.viewer.js" type="text/javascript"></script>
另外如果需要使用控件提供的报表设计器，咋需要引用如下的CSS文件和JS文件
<link href="stimulsoft.designer.office2013.white.blue.css" rel="stylesheet">
<script src="stimulsoft.designer.js" type="text/javascript"></script>
2.加载和保存报表
var report = new Stimulsoft.Report.StiReport();
report.loadFile("SimpleList.mrt");
如果报表是JSON形式的字符串，可以使用下面的代码加载：
var report = new Stimulsoft.Report.StiReport();
report.load(jsonString);
使用下面的代码保存报表：
var report = new Stimulsoft.Report.StiReport();
var jsonString = report.saveToJsonString();
3.存取报表中的报表页
下面的代码可以存取报表中的所有页面，并对报表页进行相应的操作
var report = new Stimulsoft.Report.StiReport();
report.loadFile("SimpleList.mrt");
for (var index = 0; index < report.pages.count; index++) {
alert(report.pages.getByIndex(index).name);
}
当报表已经显示了，那么则可以通过下面的代码对报表页进行操作
var report = new Stimulsoft.Report.StiReport();
report.loadFile("SimpleList.mrt");
report.render();
for (var index = 0; index < report.renderedPages.count; index++) {
alert(report.renderedPages.getByIndex(index).name);
}
4.对报表进行数据的绑定
为了把报表和数据源进行连接，则需要用到 “regData()”方法，数据可以是 XML和JSON格式以及其他数据源
var dataSet = new System.Data.DataSet("SimpleDataSet");
dataSet.readXmlSchemaFile("Demo.xsd");
dataSet.readXmlFile("Demo.xml");
var report = new Stimulsoft.Report.StiReport();
report.regData(dataSet.dataSetName, "", dataSet);
连接JSON数据:
ar dataSet = new System.Data.DataSet("SimpleDataSet");
dataSet.readJsonFile("Demo.json");
var report = new Stimulsoft.Report.StiReport();
report.regData(dataSet.dataSetName, "", dataSet);
