国产亚洲精品自拍,日本不卡电影,国产免费美女视频

ActiveReports在線(xiàn)設(shè)計(jì)器集成教程 - 如何實(shí)現(xiàn)保存報(bào)表到本地及打開(kāi)本地報(bào)表

轉(zhuǎn)帖|使用教程|編輯：龔雪|2021-06-21 09:46:13.467|閱讀 225 次

概述：本文主要描述了如何實(shí)現(xiàn)保存報(bào)表到本地及打開(kāi)本地報(bào)表，歡迎下載最新版ActiveReports體驗(yàn)！

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

相關(guān)鏈接：

在線(xiàn)設(shè)計(jì)器在初始狀態(tài)下不包含新建，保存，打開(kāi)等按鈕，因?yàn)槊總€(gè)項(xiàng)目的業(yè)務(wù)場(chǎng)景不同，因此我們將該方法都開(kāi)放出來(lái)，讓用戶(hù)根據(jù)自己的需要去定制這些方法，實(shí)現(xiàn)與業(yè)務(wù)邏輯的切合。

但因?yàn)楹芏嚅_(kāi)發(fā)人員需要自己在本地測(cè)試在線(xiàn)設(shè)計(jì)器的保存按鈕，常常需要將報(bào)表文件保存到本地并打開(kāi)本地的JSON 文件

本文主要描述了如何通過(guò) designer.setActionHandlers() 重寫(xiě)OnSave 和OnOpen()

1. 創(chuàng)建 HTML 頁(yè)面

<font face="微軟雅黑"><!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />

<title>ARJS Report designer</title>
<meta name="description" content="ARJS Report designer" />
<meta name="author" content="GrapeCity" />
</head>

<body></body>
</html></font>

2. 安裝 ActiveReportsJS

<font face="微軟雅黑"><link
rel="stylesheet"

type="text/css"
/>
<link
rel="stylesheet"

type="text/css"
/>
<script src="http://cdn.grapecity.com/activereportsjs/2.latest/dist/ar-js-core.js"></script>
<script src="http://cdn.grapecity.com/activereportsjs/2.latest/dist/ar-js-designer.js"></script></font>

3. 添加報(bào)表設(shè)計(jì)器的宿主元素

在body 標(biāo)簽中添加 div 元素。

<font face="微軟雅黑"><div id="designer-host"></div></font>

在 head 標(biāo)簽中添加designer-host 元素

<font face="微軟雅黑"><style> #designer-host { margin: 0 auto; width: 100%; height: 100vh; }</style></font>

4. 初始化設(shè)計(jì)器

<font face="微軟雅黑"><script> var designer = new GC.ActiveReports.ReportDesigner.Designer("#designer-host"); </script></font>

5. 調(diào)用 designer.setActionHandlers(）

<font face="微軟雅黑">designer.setActionHandlers(
{
onCreate: function () {
const reportId = `NewReport${++this.counter}`;
return Promise.resolve({
definition: reportTemplates.CPL,
id: reportId,
displayName: reportId,
}
);
},
onSave: function (info)
{
console.log(info);
const reportId = info.id || `NewReport${this.counter + 1}`;
//獲取報(bào)表文件并下載
const fileName = `NewReport${this.counter + 1}.rdlx-json`;
const blob = new Blob([JSON.stringify(info.definition)],{type:"application/json"})
this.download(fileName, blob);
this.counter++;
return Promise.resolve({displayName: reportId});
},
onOpen:function()
{
const input=document.createElement("input");
input.id="input";
input.type="file";
input.style.opacity=0;
input.addEventListener('change',() => {
let files = document.getElementById("input").files;
if(files.length){
let file = files[0];
let reader = new FileReader();
reader.onload = function(){
console.log(this.result);
};
reader.readAsText(file);
}
});
if( document.getElementById('input')){
$("#input").click();
}
document.body.appendChild(input);
designer.setReport(input);
}
});
</font>

ActiveReports 報(bào)表控件| 下載試用

ActiveReports 是一款專(zhuān)注于 .NET 平臺(tái)的報(bào)表控件，全面滿(mǎn)足 HTML5 / WinForm / ASP.NET / ASP.NET MVC / WPF 等平臺(tái)下報(bào)表設(shè)計(jì)和開(kāi)發(fā)工作需求，作為專(zhuān)業(yè)的報(bào)表工具為全球超過(guò) 300,000 開(kāi)發(fā)人員提供了全面的報(bào)表開(kāi)發(fā)服務(wù)。

本文轉(zhuǎn)載自

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@ke049m.cn

文章轉(zhuǎn)載自：

上一篇：如何用 ActiveQt 寫(xiě)導(dǎo)出類(lèi) - QAxFactory 下一篇：高性能圖表控件LightningChart關(guān)于圖例框條目重疊問(wèn)題解答