文章末尾點(diǎn)擊“了解詳情”獲得工具
在線設(shè)計(jì)師在初始狀態(tài)下不包含“新建”、“保存”、“打開(kāi)”等按鈕。因?yàn)椴煌捻?xiàng)目有不同的業(yè)務(wù)場(chǎng)景，所以將所有這些方法都開(kāi)放，以便用戶(hù)可以根據(jù)業(yè)務(wù)邏輯進(jìn)行自定義。
但因?yàn)楹芏嚅_(kāi)發(fā)人員需要自己在本地測(cè)試在線設(shè)計(jì)器的保存按鈕，常常需要將報(bào)表文件保存到本地并打開(kāi)本地的JSON 文件
本文主要描述了如何通過(guò) de() 重寫(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"
href=";
type="text/css"
/>
<link
rel="stylesheet"
href=";
type="text/css"
/>
<script src=";></script>
<script src=";></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.Ac("#designer-host"); </script></font>5. 調(diào)用 de(）
<font face="微軟雅黑">de(
{
onCreate: function () {
const reportId = `NewReport${++}`;
return Promi({
definition: re,
id: reportId,
displayName: reportId,
}
);
},
onSave: function (info)
{
con(info);
const reportId = in || `NewReport${ + 1}`;
//獲取報(bào)表文件并下載
const fileName = `NewReport${ + 1}.rdlx-json`;
const blob = new Blob([JSON.stringify)],{type:"application/json"})
(fileName, blob);
++;
return Promi({displayName: reportId});
},
onOpen:function()
{
const input=document.createElement("input");
in;input";
in;file";
in;
in('change',() => {
let files = document.getElementById("input").files;
i){
let file = files[0];
let reader = new FileReader();
reader.onload = function(){
con);
};
reader.readAsText(file);
}
});
if( document.getElementById('input')){
$("#input").click();
}
document.body.appendChild(input);
de(input);
}
});
</font>本文轉(zhuǎn)載自葡萄城官網(wǎng)
1.《報(bào)表工具ActiveReports在線設(shè)計(jì)器集成 - 實(shí)現(xiàn)保存報(bào)表到本地》援引自互聯(lián)網(wǎng)，旨在傳遞更多網(wǎng)絡(luò)信息知識(shí)，僅代表作者本人觀點(diǎn)，與本網(wǎng)站無(wú)關(guān)，侵刪請(qǐng)聯(lián)系頁(yè)腳下方聯(lián)系方式。
2.《報(bào)表工具ActiveReports在線設(shè)計(jì)器集成 - 實(shí)現(xiàn)保存報(bào)表到本地》僅供讀者參考，本網(wǎng)站未對(duì)該內(nèi)容進(jìn)行證實(shí)，對(duì)其原創(chuàng)性、真實(shí)性、完整性、及時(shí)性不作任何保證。
3.文章轉(zhuǎn)載時(shí)請(qǐng)保留本站內(nèi)容來(lái)源地址，http://f99ss.com/guonei/1959392.html
