纯JS综合报表系列教程6-如何在web端在线设计器设计界面中搭建好数据进行报表设计。在实际的业务场景中,有这样一个场景:web报表设计器被集成到项目中,对象是业务人员。业务人员可能对数据库操作不是很熟悉。他们只需要关注自己的报告要求即可。拖放以在设计器中设计报告。那么就需要在web端的在线设计器中内置数据源数据集,让业务人员可以只专注于业务逻辑,设计满足自己需求的报表。ActiveReportsJs提供了内置数据源的接口,可以通过调用该接口绑定设计器数据源数据集。下面解释一下如何实现1.核心代码designer.setDataSourceTemplates([{id:"Northwind",title:"Northwind",template:resources.dataSource,canEdit:false,datasets:[{id:"Categories",title:“类别”,模板:resources.categoriesDataSet,canEdit:false,},{id:“产品”,标题:“产品”,模板:resources.productsDataSet,canEdit:false,},],},]);核心代码resources.dataSource={Name:"Northwind",ConnectionProperties:{DataProvider:"JSON",ConnectString:"endpoint=https://demodata.grapecity.com/northwind/api/v1",},};2.预览显示结果
