这个返回设计器按钮是要添加的
<link
rel="stylesheet"
href="https://cdn.materialdesignicons.com/2.8.94/css/materialdesignicons.min.css"
/>
...
<script>
var currentReport = undefined;
var viewerHost = document.getElementById("viewer-host");
var designerHost = document.getElementById("designer-host");
function load() {
var viewer = new ActiveReports.Viewer("#viewer-host", {
language: "zh",
});
var designer = new GC.ActiveReports.ReportDesigner.Designer(
"#designer-host",
{ language: "zh" }
);
designer.setActionHandlers({
onRender(report) {
currentReport = report.definition;
viewer.open(currentReport);
viewerHost.style.display = "block";
designerHost.style.display = "none";
// return Promise.resolve();
},
});
var designButton = {
key: "$openDesigner",
text: "编辑报表",
iconCssClass: "mdi mdi-pencil",
enabled: true,
action: function (item) {
designer.setReport({
definition: currentReport,
displayName: "指引单",
});
viewerHost.style.display = "none";
designerHost.style.display = "block";
},
};
viewer.toolbar.addItem(designButton);
viewer.toolbar.updateLayout({
default: [
"$openDesigner",
"$split",
"$navigation",
"$split",
"$refresh",
"$split",
"$history",
"$split",
"$zoom",
"$fullscreen",
"$split",
"$print",
"$split",
"$singlepagemode",
"$continuousmode",
"$galleymode",
],
});
|