在线设计器中如何在新建报表的时候内置好数据源

在线设计器往往是集成到项目中，且是为不懂技术的业务人员使用的，因此开发人员不期望用户来自己配置数据源，而是在打开设计器时直接配置好数据源他们就可以直接设计即可。
本篇文章就来分享下如何实现新建报表时内置数据源。


1. 打开 View-Design-Index.cshtml 页面，在代码后面调用以下接口，默认新建时创建模板报表：

1.   GrapeCity.ActiveReports.WebDesigner.renderApplication(designerId, designerOptions);
   
2. 
   
3.                 // 在Create时候为报表打开模板文件，方便为新建报表绑定数据源
   
4.         GrapeCity.ActiveReports.WebDesigner.api.createReport({
   
5.             templateInfo: {
   
6.                                 id: "OrganizationBrandedReport.rdlx",
   
7.                        
   
8.             },
   
9.         });

复制代码

2. 修改 Services中的ITemplatesService.cs

1. public interface ITemplatesService
   
2.     {
   
3.                 TemplateInfo[] GetTemplatesList();
   
4.                 byte[] GetTemplate(string id,string ds);
   
5.                 TemplateThumbnail GetTemplateThumbnail(string id);
   
6.     }

复制代码

3. 修改 Implementation 中的FileSystemTemplate.cs

1. public byte[] GetTemplate(string id,string ds)
   
2.                 {
   
3.                         var fullPath = Path.Combine(_rootFolder.FullName, id);
   
4. 
   
5.                         if (!File.Exists(fullPath)) throw new FileNotFoundException();
   
6. 
   
7.                         var templateXml = File.ReadAllBytes(fullPath);
   
8.                         var template = ReportConverter.FromXML(templateXml);
   
9.                        
   
10.                         // 为Template绑定数据源
    
11.                         AddDataSetDataSource(template,ds);
    
12. 
    
13.                         var thumbnail = template.EmbeddedImages.FirstOrDefault(i => i.Name == templateThumbnailName);
    
14.                         if (thumbnail != null) template.EmbeddedImages.Remove(thumbnail);
    
15. 
    
16.                         var templateJson = ReportConverter.ToJson(template);
    
17.                         return templateJson;
    
18.                 }
    
19. 
    
20.                 // 为报表创建数据源，并指定Json 字串
    
21.                 public static Report AddDataSetDataSource(Report report, string ds)
    
22.                 {
    
23.                         // create DataSource for the report
    
24.                         DataSource dataSource = new DataSource();
    
25.                         dataSource.Name = "TESTData";
    
26.                         dataSource.ConnectionProperties.DataProvider = "JSON";
    
27.                         string datasource1 = "jsondoc="+ds;
    
28.                         dataSource.ConnectionProperties.ConnectString = datasource1;
    
29.                         //Create DataSet with specified query and load database fields to the DataSet
    
30.                         DataSet dataSet = new DataSet();
    
31.                         Query query = new Query();
    
32.                         dataSet.Name = "Sample DataSet";
    
33.                         query.DataSourceName = "TESTData";                       
    
34.                         query.CommandText = ExpressionInfo.FromString("$.[*]");
    
35.                         dataSet.Query = query;
    
36. 
    
37.                         String[] fieldsList = new String[] { "postId", "id", "name","body" };
    
38. 
    
39.                         foreach (string fieldName in fieldsList)
    
40.                         {
    
41.                                 Field field = new Field(fieldName, fieldName, null);
    
42.                                 dataSet.Fields.Add(field);
    
43.                         }
    
44.                         //create report definition with specified DataSet and DataSource
    
45.                         report.DataSources.Add(dataSource);
    
46.                         report.DataSets.Add(dataSet);
    
47.                         return report;
    
48.                 }

复制代码

4. 修改 Contollers里面的 DesignController.cs  Create方法

1. public ActionResult Create([FromQuery(Name = "datasource")] string datasource1,[FromQuery(Name = "theme")] string theme = "blue")
   
2.                 {
   
3.                        
   
4.                         TempData["datasource"] = datasource1;// 保存Query中的DataSource String
   
5.                         ViewBag.Theme = theme;
   
6.                         return View("Index");
   
7.                 }
   

复制代码

5. 修改 Contollers里面的 TemplatesController.cs  GetTemplate方法

1. 
   
2.                         if (string.IsNullOrWhiteSpace(id)) return BadRequest();
   
3. 
   
4.                         //获取前台传递的 datasource String
   
5.                         var datasource01 = TempData["datasource"] as string;                       
   
6.                         var template = templatesService.GetTemplate(id, datasource01);// 将DataSource String 传递给模板，对应的要修改 ItempaletService 的GetTemplate方法增加参数2
   
7.                         return File(template, "application/json");

复制代码