JS Viewer 如何绑定动态数据源

登录

JS Viewer 如何绑定动态数据源

AR13推出了新的报表渲染方式，使用JSViewer渲染报表。这是一种新的渲染报表的方式

下面我们就来看看 JS Viewer 如何绑定动态数据源。

1、打开JS Viewer的报表服务文件 Startup1.cs

2、在报表服务调用的文件里进行数据的绑定

3、主要实现代码：

public class Startup1
{
public static string EmbeddedReportsPrefix = "JSSampleone";
public void Configuration(IAppBuilder app)
{
app.UseReporting(settings =>
{
settings.UseFileStore(new DirectoryInfo(@"D:\Demo\JsSample2\JsSample2"));
settings.LocateDataSource = args =>
{
DataTable dt = new DataTable();
if(args.DataSet.Query.DataSourceName== "DataSource1")
{
if(args.DataSet.Name== "DataSet1")
{
dt.Columns.Add("产品编号");
dt.Columns.Add("产品名称");
dt.Columns.Add("单价");
dt.Columns.Add("库存量");
dt.Columns.Add("产地");
dt.Rows.Add("A001", "苹果", 10, 300, "中国");
dt.Rows.Add("A002", "葡萄", 20, 200, "中国");
dt.Rows.Add("A003", "香蕉", 30, 400, "中国");
dt.Rows.Add("A004", "甘蔗", 10, 300, "中国");
dt.Rows.Add("A005", "荔枝", 20, 200, "中国");
dt.Rows.Add("A006", "芒果", 30, 400, "中国");
dt.Rows.Add("A007", "猕猴桃", 110, 300, "中国");
dt.Rows.Add("A008", "柠檬", 210, 200, "中国");
dt.Rows.Add("A009", "栗子", 320, 400, "中国");
dt.Rows.Add("A010", "火龙果", 100, 300, "中国");
dt.Rows.Add("A011", "青芒", 250, 200, "中国");
dt.Rows.Add("A012", "巴旦木", 320, 200, "中国");
dt.Rows.Add("A013", "土豆", 380, 400, "中国");
dt.Rows.Add("A014", "苹果", 110, 300, "中国");
dt.Rows.Add("A015", "葡萄", 420, 200, "中国");
dt.Rows.Add("A016", "香蕉", 530, 400, "中国");
dt.Rows.Add("A017", "土豆", 380, 400, "中国");
dt.Rows.Add("A018", "苹果", 110, 300, "中国");
dt.Rows.Add("A019", "葡萄", 420, 200, "中国");
dt.Rows.Add("A020", "香蕉", 530, 400, "中国");
dt.Rows.Add("A021", "苹果", 10, 300, "中国");
dt.Rows.Add("A022", "葡萄", 20, 200, "中国");
dt.Rows.Add("A023", "香蕉", 30, 400, "中国");
dt.Rows.Add("A024", "甘蔗", 10, 300, "中国");
dt.Rows.Add("A025", "荔枝", 20, 200, "中国");
dt.Rows.Add("A026", "芒果", 30, 400, "中国");
}
}
return dt;
};
});
}
}

复制代码

4、运行结果

5、参考demo见附件

qcsoft · qcsoft

我同时使用了UseCustomStore和LocateDataSource，发现LocateDataSource没有被调用到。

UseCustomStore的情形怎么动态提供数据源呢？

KearneyKang · KearneyKang

你好可以参考这个代码：

namespace JSviewerDatasource
{
public class Startup1
{
public static string EmbeddedReportsPrefix = "JSdatasource";
string ReportName = "";
public object GetReport(string P)//获取报表名称和报表参数，进行一个对应的报表名称和参数的分割
{
string reportName = P
PageReport rep = new PageReport();
string path = System.Web.Hosting.HostingEnvironment.MapPath("~/");
rep.Load(new FileInfo(@"" + path + "Reports/" + reportName));
return rep.Report;
}
public void Configuration(IAppBuilder app)
{
app.UseReporting(settings =>
{
settings.UseCompression = true;
settings.UseCustomStore(GetReport);//使用UseCustomStore来自定义一些需要的值
settings.UseFileStore(new DirectoryInfo(String.Format(@"{0}.\Reports", HttpRuntime.AppDomainAppPath)));
settings.LocateDataSource = args =>
{
DataTable dt = new DataTable();
string name = ReportName;
if (args.DataSet.Query.DataSourceName == "DataSource1")
{
if (args.DataSet.Name == "DataSet1")
{
dt.Columns.Add("产品编号");
dt.Columns.Add("产品名称");
dt.Columns.Add("单价");
dt.Columns.Add("库存量");
dt.Columns.Add("产地");
dt.Rows.Add("A001", "苹果", 10, 300, "中国");
dt.Rows.Add("A002", "葡萄", 20, 200, "中国");
dt.Rows.Add("A003", "香蕉", 30, 400, "中国");
dt.Rows.Add("A004", "甘蔗", 10, 300, "中国");
dt.Rows.Add("A005", "荔枝", 20, 200, "中国");
}
}
return dt;
};
});
}
}
}

复制代码

hexllo · hexllo

老师,这个必须要加OwinStartup吗,我在netcore下怎么加都不行,一直没有能用的nuget(Owin)包

Lenka.Guo · Lenka.Guo

您好

是的，直接使用示例 JSViewer-MVC（Core）的里面的Startup 文件，添加新项里面会有此选项

zhengwei_cq · zhengwei_cq

你这个是运行时绑定的报表的数据，并不是数据集的数据。你研究一下IDataSet 对象，只有能通过sql给这个数据集绑定数据，而不能通过object 或dataset

Crystal.Li · Crystal.Li

zhengwei_cq 发表于 2021-8-16 13:56
你这个是运行时绑定的报表的数据，并不是数据集的数据。你研究一下IDataSet 对象，只有能通过sql给这个数据 ...

您这个好像没描述清楚您的问题呢？您具体遇到什么问题，建议您在求助中心另发帖子哦~

		自动登录	找回密码
密码			立即注册

JS Viewer 如何绑定动态数据源

本帖子中包含更多资源

评分

6 个回复

圣诞拼拼乐

微信认证勋章

讲师达人

悬赏达人

元老葡萄

活字格认证