翻譯|使用教程|編輯:王香|2018-11-26 10:31:41.000|閱讀 634 次
概述:此示例顯示如何在頁面上顯示HTML報表設計器并加載報表模板以進行編輯。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
此示例顯示如何在頁面上顯示HTML報表設計器并加載報表模板以進行編輯。首先,您需要將JavaScript庫和CSS樣式添加到Web頁面。例如,創(chuàng)建 designer.php文件并添加指向所有必需文件的鏈接:
Stimulsoft Reports.PHP - JS Report Designer
要將Designer與PHP服務器端進行通信,需要一些功能。要將它們添加到Web頁面,只需在
部分中調用StiHelper :: initialize()靜態(tài)PHP函數(shù)即可。此函數(shù)可以在helper.php文件中找到,因此將此文件導入添加到Web頁面的頂部:
...
使用以下JavaScript代碼使用Designer選項創(chuàng)建對象并設置所需的值。例如,默認情況下以全屏模式顯示Designer。接下來,創(chuàng)建一個Designer對象,并將選項傳遞給它。所述designer.renderHtml()方法呈現(xiàn)設計器內容轉換成指定的HTML元素:
var options = new Stimulsoft.Designer.StiDesignerOptions(); options.appearance.fullScreenMode = true; var designer = new Stimulsoft.Designer.StiDesigner(options, "StiDesigner", false); designer.renderHtml("designerContent");
要加載報表模板并將其分配給Designer,您可以使用以下JavaScript代碼:
var report = new Stimulsoft.Report.StiReport(); report.loadFile("reports/SimpleList.mrt"); designer.report = report;
下面的屏幕截圖中,您可以看到示例代碼的結果。
購買Stimulsoft正版授權,請點擊“”喲!
本站文章除注明轉載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn