Web端报表设计器如何绑定动态数据源

Web端报表设计器给大家提供了一个网页端在线编辑的功能，除此之外Web报表设计器可以直接进行数据库的链接也可以进行动态数据源绑定，前面就如何直接连接数据库进行了一个讲解，现在主要讲解，如何进行动态数据源的绑定。

操作步骤如下：

1、 首先使用VS打开我们的Web端报表设计器。

Web端报表设计器的存储路径如下：

      

2、 在控制层DataSetsController 里进行一个数据源名称和数据集字段的设置，说的简单点就是创建表结构，表的命名，表对应的字段名称。

实现代码：

   

1. public ActionResult GetDataSetContent(string id)
   
2. 
   
3.         {
   
4. 
   
5.            
   
6. 
   
7.             DataSet data1= returndata();
   
8. 
   
9. 
   
10. 
    
11.             ArData XmlJsonData = new ArData();
    
12. 
    
13.             XmlJsonData.DataSet = new ArDataSet();
    
14. 
    
15.             XmlJsonData.DataSet.Name = "DataSet1";
    
16. 
    
17.             XmlJsonData.DataSet.Query = new ArQuery();
    
18. 
    
19.             XmlJsonData.DataSet.Query.DataSourceName = "DataSource1";
    
20. 
    
21.             XmlJsonData.DataSet.Fields = new ArField[data1.Tables[0].Columns.Count];
    
22. 
    
23.             foreach (DataColumn drc in data1.Tables[0].Columns)
    
24. 
    
25.             {
    
26. 
    
27.                 XmlJsonData.DataSet.Fields[drc.Ordinal] = new ArField(drc.ColumnName, drc.ColumnName, drc.Caption);
    
28. 
    
29.             }
    
30. 
    
31.             XmlJsonData.DataSource = new ArDataSource();
    
32. 
    
33.             XmlJsonData.DataSource.Name = "DataSource1";
    
34. 
    
35.             XmlJsonData.DataSource.ConnectionProperties = new ArConnectionProperties();
    
36. 
    
37.             XmlJsonData.DataSource.ConnectionProperties.DataProvider = "DATASET";
    
38. 
    
39.             string dataSet = JsonHelper.ObjTranJson(XmlJsonData);
    
40. 
    
41.             return new ContentResult { Content = dataSet, ContentType = "application/json" };
    
42. 
    
43.         }
    
44. 
    
45.         public DataSet returndata()
    
46. 
    
47.         {
    
48. 
    
49.             DataTable  dt = new DataTable();
    
50. 
    
51.             dt.Columns.Add("产品编号");
    
52. 
    
53.             dt.Columns.Add("产品名称");
    
54. 
    
55.             dt.Columns.Add("单价");
    
56. 
    
57.             dt.Columns.Add("库存量");
    
58. 
    
59.             dt.Columns.Add("产地");
    
60. 
    
61.             dt.Rows.Add("A001", "苹果", 10, 300, "中国");
    
62. 
    
63.             dt.Rows.Add("A002", "葡萄", 20, 200, "中国");
    
64. 
    
65.             dt.Rows.Add("A003", "香蕉", 30, 400, "中国");
    
66. 
    
67.             dt.Rows.Add("A004", "甘蔗", 10, 300, "中国");
    
68. 
    
69.             dt.Rows.Add("A005", "荔枝", 20, 200, "中国");
    
70. 
    
71.             dt.Rows.Add("A006", "芒果", 30, 400, "中国");
    
72. 
    
73.             dt.Rows.Add("A007", "猕猴桃", 110, 300, "中国");
    
74. 
    
75.             dt.Rows.Add("A008", "柠檬", 210, 200, "中国");
    
76. 
    
77.             dt.Rows.Add("A009", "栗子", 320, 400, "中国");
    
78. 
    
79.             dt.Rows.Add("A010", "火龙果", 100, 300, "中国");
    
80. 
    
81.             dt.Rows.Add("A011", "青芒", 250, 200, "中国");
    
82. 
    
83.             dt.Rows.Add("A012", "巴旦木", 320, 200, "中国");
    
84. 
    
85.             dt.Rows.Add("A013", "土豆", 380, 400, "中国");
    
86. 
    
87.             dt.Rows.Add("A014", "苹果", 110, 300, "中国");
    
88. 
    
89.             dt.Rows.Add("A015", "葡萄", 420, 200, "中国");
    
90. 
    
91.             dt.Rows.Add("A016", "香蕉", 530, 400, "中国");
    
92. 
    
93.             dt.Rows.Add("A017", "土豆", 380, 400, "中国");
    
94. 
    
95.             dt.Rows.Add("A018", "苹果", 110, 300, "中国");
    
96. 
    
97.             dt.Rows.Add("A019", "葡萄", 420, 200, "中国");
    
98. 
    
99.             dt.Rows.Add("A020", "香蕉", 530, 400, "中国");
    
100. 
     
101.             dt.Rows.Add("A021", "苹果", 10, 300, "中国");
     
102. 
     
103.             dt.Rows.Add("A022", "葡萄", 20, 200, "中国");
     
104. 
     
105.             dt.Rows.Add("A023", "香蕉", 30, 400, "中国");
     
106. 
     
107.             dt.Rows.Add("A024", "甘蔗", 10, 300, "中国");
     
108. 
     
109.             dt.Rows.Add("A025", "荔枝", 20, 200, "中国");
     
110. 
     
111.             dt.Rows.Add("A026", "芒果", 30, 400, "中国");
     
112. 
     
113.             DataSet temp = new DataSet();
     
114. 
     
115.             temp.Tables.Add(dt);
     
116. 
     
117.             return temp;                              
     
118. 
     
119.         }
     
120. 
     
121. 
     
122. 
     
123.         [Route("list")]
     
124. 
     
125.         [HttpGet]
     
126. 
     
127.         public ActionResult GetDataSetsList()
     
128. 
     
129.         {
     
130. 
     
131.             var dataSetsService = HttpContext.GetServiceFromContext<IDataSetsService>();
     
132. 
     
133. 
     
134. 
     
135.             //var dataSetsList = dataSetsService.GetDataSetsList();
     
136. 
     
137.             //return Json(dataSetsList, JsonRequestBehavior.AllowGet);
     
138. 
     
139.             return Json(new object[] { new { Id ="test", Name = "添加数据" } }, JsonRequestBehavior.AllowGet);
     
140. 
     
141.         }
     
142. 
     

复制代码

3、 创建好的报表进行对应的数据绑定，数据绑定这块需要在这个Startup.cs里进行一个对应的动态数据源的绑定，不然就会出先报表预览的时候没有任何数据的情况，并且还会报错。

主要实现代码：

     

1.        app.UseReporting(config =>
   
2. 
   
3.             {
   
4. 
   
5.                 config.UseFileStore(ResourcesRootDirectory);
   
6. 
   
7. 
   
8. 
   
9.                 config.LocateDataSource = args =>
   
10. 
    
11.                 {
    
12. 
    
13.                     DataSetsController TemCon = new DataSetsController();
    
14. 
    
15.                     DataSet data1 = TemCon.returndata();
    
16. 
    
17.                     return data1;
    
18. 
    
19.                 };
    
20. 
    
21.             });
    
22. 
    

复制代码

4、 这样基本上一个动态数据源绑定就完成了，下面我们来看看具体的运行样式

            

      
      

5、 运行截图：

      
      

6、如果还想再web端报表设计器中添加多数据源和多数据集，你可以进行如下的操作  修改该方法，在里面添加多个数据集，如下

1. public ActionResult GetDataSetsList()
   
2.                 {
   
3.                         var dataSetsService = HttpContext.GetServiceFromContext<IDataSetsService>();
   
4. 
   
5.             return Json(new object[] { new { Id = "Test", Name = "添加数据" }, new { Id = "Test1", Name = "添加数据1" } }, JsonRequestBehavior.AllowGet);           
   
6.         }

复制代码

7、运行的时候效果图如下：

8、选择一个对应的数据集进行添加，然后后端代码根据数据集命名进行判断，进行一个对应的数据源数据集的命名

1. public ActionResult GetDataSetContent(string id)//根据不同的ID进行一个对应的判断。判断语句就自由发挥了
   
2.                 {
   
3.             DataSet data1 = returndata();
   
4. 
   
5.             ArData XmlJsonData = new ArData();
   
6.             XmlJsonData.DataSet = new ArDataSet();
   
7.             XmlJsonData.DataSet.Name = "DataSet1";
   
8.             XmlJsonData.DataSet.Query = new ArQuery();
   
9.             XmlJsonData.DataSet.Query.DataSourceName = "DataSource1";
   
10.             XmlJsonData.DataSet.Fields = new ArField[data1.Tables[0].Columns.Count];
    
11.             foreach (DataColumn drc in data1.Tables[0].Columns)
    
12.             {
    
13.                 XmlJsonData.DataSet.Fields[drc.Ordinal] = new ArField(drc.ColumnName, drc.ColumnName, drc.Caption);
    
14.             }
    
15.             XmlJsonData.DataSource = new ArDataSource();
    
16.             XmlJsonData.DataSource.Name = "DataSource1";
    
17.             XmlJsonData.DataSource.ConnectionProperties = new ArConnectionProperties();
    
18.             XmlJsonData.DataSource.ConnectionProperties.DataProvider = "DATASET";
    
19.             string dataSet = JsonHelper.ObjTranJson(XmlJsonData);
    
20.             return new ContentResult { Content = dataSet, ContentType = "application/json" };
    
21.         }

复制代码

9、这样一个多数据绑定就基本完成了

SylvestreLee 发表于 2022-5-7 09:18
https://gcdn.grapecity.com.cn/showtopic-146373-1-1.html   已经发好了

收到，咱们在新贴上进行交流哦~

请问XmlJsonData.DataSet.Query.CommandText和XmlJsonData.DataSource.ConnectionProperties.ConnectString需要赋值吗？对应的值是什么？

你具体想实现什么需求，是想给报表绑定XML的动态数据源还是。如果是想给报表绑定一个XML的动态数据源的话，后台直接进行一个XML数据的转换进行，转换为一个对应Datatable和Dataset或者object的类型

我想咨询一下，就是如何在.net core mvc项目中在后台提供多数据集呢？

.Net Core跟 .Net 平台的写法其实是一样的。你说的提供多数据集，是想在后台代码段绑定通过代码绑定多个数据源数据集，还是

KearneyKang 发表于 2019-4-28 12:10
你具体想实现什么需求，是想给报表绑定XML的动态数据源还是。如果是想给报表绑定一个XML的动态数据源的话， ...

请问一下，我可以使用.Net 版的  AR 实现报表设计+动态数据填充吗?
具体需求是：
1，通过代码给报表设计器预置数据源和数据集，以便实施人员配置现场的打印模板。
2，通过代码实现设计好的报表的动态数据填充。

SylvestreLee 发表于 2022-4-28 10:04
请问一下，我可以使用.Net 版的  AR 实现报表设计+动态数据填充吗?
具体需求是：
1，通过代码给报表设 ...

可以实现的，具体您可以单独在求助中心发个帖子，我给您相关的实现方法

James.Lv 发表于 2022-4-28 18:14
可以实现的，具体您可以单独在求助中心发个帖子，我给您相关的实现方法

好的  谢谢  我去发

SylvestreLee 发表于 2022-5-7 09:14
好的  谢谢  我去发

Bella.Yuan 发表于 2022-5-7 09:16

https://gcdn.grapecity.com.cn/showtopic-146373-1-1.html   已经发好了