ActiveReports 报表服务器基础教程(6)：与应用系统集成

<httpProtocol>

<customHeaders>

<add name="Access-Control-Allow-Origin" value="*" />

<add name="Access-Control-Allow-Headers" value="Authorization, Origin, Content-Type, Accept, X-Requested-With" />

</customHeaders>

</httpProtocol>

bootstrap.css

bootstrap-3.0.0.js

GrapeCity.ActiveReports.Viewer.Html.css

GrapeCity.ActiveReports.Viewer.Html.js

site.css

jquery-1.10.2.js

theme-cosmo.css

knockout-2.3.0.js

var token;

var usernametemp = '<%=username%>';

var passwordtemp = '<%=password%>';

var serverUrl = '<%=ServerUrl%>';

$(document).ready(function () {

login(); });

function login() {

var params = {

username: usernametemp,

password: passwordtemp,

isPersistent: true,

};

$.ajax({

type: "POST",

url: serverUrl + 'ReportService.svc/json/Login',

data: JSON.stringify(params),

contentType: "application/json",

dataType: "json",

}).then(onLoginSuccess);

}

function onLoginSuccess(tokenObject) {

token = tokenObject.d;

$.ajax({

type: "POST",

url: serverUrl + 'ReportService.svc/json/Select',

data: JSON.stringify({ token: token }),

contentType: "application/json",

dataType: "json",

}).then(onGetReports); }

function onGetReports(res) {

if (token == "DepartmentLeader") {

if (res.d && res.d.length) {

var defaultReportName = 'MyDepartmentTimeSheet';

var report = {

id: 'MyDepartmentTimeSheet'

}; }

initalizeViewer(defaultReportName);

} else { return;} }

function initalizeViewer(reportName) {

viewer = GrapeCity.ActiveReports.Viewer({

element: '#viewerContainer',

reportService: {

url: serverUrl + 'ReportService.svc/json/',

securityToken: token,

resourceHandler: serverUrl + 'TemporaryResource.axd/' },

report : {id: reportName },

uiType: 'desktop', reportLoaded: function ()

{ } }); }