JS Viewer 如何绑定动态数据源

JS Viewer 如何绑定动态数据源

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

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

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

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

3、 主要实现代码：

1. public class Startup1
   
2. 
   
3.     {
   
4. 
   
5.         public static string EmbeddedReportsPrefix = "JSSampleone";
   
6. 
   
7.         public void Configuration(IAppBuilder app)
   
8. 
   
9.         {
   
10. 
    
11.             app.UseReporting(settings =>
    
12. 
    
13.             {
    
14. 
    
15.                 settings.UseFileStore(new DirectoryInfo(@"D:\Demo\JsSample2\JsSample2"));
    
16. 
    
17.                 settings.LocateDataSource = args =>
    
18. 
    
19.                 {
    
20. 
    
21.                                 
    
22. 
    
23.                     DataTable dt = new DataTable();
    
24. 
    
25.                     if(args.DataSet.Query.DataSourceName== "DataSource1")
    
26. 
    
27.                     {
    
28. 
    
29.                         if(args.DataSet.Name== "DataSet1")
    
30. 
    
31.                         {
    
32. 
    
33.                         dt.Columns.Add("产品编号");
    
34. 
    
35.                         dt.Columns.Add("产品名称");
    
36. 
    
37.                             dt.Columns.Add("单价");
    
38. 
    
39.                             dt.Columns.Add("库存量");
    
40. 
    
41.                             dt.Columns.Add("产地");
    
42. 
    
43.                             dt.Rows.Add("A001", "苹果", 10, 300, "中国");
    
44. 
    
45.                             dt.Rows.Add("A002", "葡萄", 20, 200, "中国");
    
46. 
    
47.                             dt.Rows.Add("A003", "香蕉", 30, 400, "中国");
    
48. 
    
49.                             dt.Rows.Add("A004", "甘蔗", 10, 300, "中国");
    
50. 
    
51.                             dt.Rows.Add("A005", "荔枝", 20, 200, "中国");
    
52. 
    
53.                             dt.Rows.Add("A006", "芒果", 30, 400, "中国");
    
54. 
    
55.                             dt.Rows.Add("A007", "猕猴桃", 110, 300, "中国");
    
56. 
    
57.                             dt.Rows.Add("A008", "柠檬", 210, 200, "中国");
    
58. 
    
59.                         dt.Rows.Add("A009", "栗子", 320, 400, "中国");
    
60. 
    
61.                             dt.Rows.Add("A010", "火龙果", 100, 300, "中国");
    
62. 
    
63.                             dt.Rows.Add("A011", "青芒", 250, 200, "中国");
    
64. 
    
65.                             dt.Rows.Add("A012", "巴旦木", 320, 200, "中国");
    
66. 
    
67.                             dt.Rows.Add("A013", "土豆", 380, 400, "中国");
    
68. 
    
69.                         dt.Rows.Add("A014", "苹果", 110, 300, "中国");
    
70. 
    
71.                         dt.Rows.Add("A015", "葡萄", 420, 200, "中国");
    
72. 
    
73.                         dt.Rows.Add("A016", "香蕉", 530, 400, "中国");
    
74. 
    
75.                             dt.Rows.Add("A017", "土豆", 380, 400, "中国");
    
76. 
    
77.                             dt.Rows.Add("A018", "苹果", 110, 300, "中国");
    
78. 
    
79.                             dt.Rows.Add("A019", "葡萄", 420, 200, "中国");
    
80. 
    
81.                         dt.Rows.Add("A020", "香蕉", 530, 400, "中国");
    
82. 
    
83.                         dt.Rows.Add("A021", "苹果", 10, 300, "中国");
    
84. 
    
85.                             dt.Rows.Add("A022", "葡萄", 20, 200, "中国");
    
86. 
    
87.                             dt.Rows.Add("A023", "香蕉", 30, 400, "中国");
    
88. 
    
89.                         dt.Rows.Add("A024", "甘蔗", 10, 300, "中国");
    
90. 
    
91.                             dt.Rows.Add("A025", "荔枝", 20, 200, "中国");
    
92. 
    
93.                             dt.Rows.Add("A026", "芒果", 30, 400, "中国");
    
94. 
    
95.                         }
    
96. 
    
97.                     }                  
    
98. 
    
99.                     return dt;
    
100. 
     
101.                 };
     
102. 
     
103. 
     
104. 
     
105.             });
     
106. 
     
107.         }
     
108. 
     
109.    }
     
110. 
     

复制代码

4、运行结果

5、参考demo见附件

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

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

你好可以参考这个代码：

1. namespace JSviewerDatasource
   
2. {
   
3.     public class Startup1
   
4.     {
   
5.         public static string EmbeddedReportsPrefix = "JSdatasource";
   
6.         string ReportName = "";
   
7.         public object GetReport(string P)//获取报表名称和报表参数，进行一个对应的报表名称和参数的分割
   
8.         {
   
9.             string reportName = P
   
10.             PageReport rep = new PageReport();
    
11.             string path = System.Web.Hosting.HostingEnvironment.MapPath("~/");
    
12.             rep.Load(new FileInfo(@"" + path + "Reports/" + reportName));
    
13.             return rep.Report;
    
14.         }
    
15. 
    
16.         public void Configuration(IAppBuilder app)
    
17.         {
    
18.             app.UseReporting(settings =>
    
19.             {
    
20. 
    
21.                 settings.UseCompression = true;
    
22.                 settings.UseCustomStore(GetReport);//使用UseCustomStore来自定义一些需要的值  
    
23. settings.UseFileStore(new DirectoryInfo(String.Format(@"{0}.\Reports", HttpRuntime.AppDomainAppPath)));               
    
24. settings.LocateDataSource = args =>
    
25. {
    
26. DataTable dt = new DataTable();
    
27. string name = ReportName;
    
28. if (args.DataSet.Query.DataSourceName == "DataSource1")
    
29. {
    
30. 
    
31. if (args.DataSet.Name == "DataSet1")
    
32. {
    
33. dt.Columns.Add("产品编号");
    
34. dt.Columns.Add("产品名称");
    
35. dt.Columns.Add("单价");
    
36. dt.Columns.Add("库存量");
    
37. dt.Columns.Add("产地");
    
38. dt.Rows.Add("A001", "苹果", 10, 300, "中国");
    
39. dt.Rows.Add("A002", "葡萄", 20, 200, "中国");
    
40. dt.Rows.Add("A003", "香蕉", 30, 400, "中国");
    
41. dt.Rows.Add("A004", "甘蔗", 10, 300, "中国");
    
42. dt.Rows.Add("A005", "荔枝", 20, 200, "中国");
    
43. 
    
44. }
    
45. 
    
46. }
    
47. return dt;
    
48. };
    
49. 
    
50. 
    
51.             });
    
52. 
    
53.         }
    
54. 
    
55. 
    
56.     }
    
57. }
    

复制代码

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

您好

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

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

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

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