點(diǎn)擊獲取ActiveReports v15.0下載

在實(shí)際的應(yīng)用場(chǎng)景中，經(jīng)常會(huì)有這樣的情況，機(jī)器中本身自帶的字體不能滿足特殊字節(jié)的顯示。特別是化工行業(yè)、建筑行業(yè)、金屬行業(yè)特殊符號(hào)用的特別多。這時(shí)候?yàn)榱藵M足實(shí)際應(yīng)用中的這些特殊字符的問(wèn)題，就會(huì)自定義一份字體文件，在進(jìn)行報(bào)表設(shè)計(jì)的時(shí)候進(jìn)行調(diào)用。

現(xiàn)在我們就來(lái)講解如何進(jìn)行自定義文字的調(diào)用：

1. 首先就是安裝字體，需要把字體安裝在對(duì)應(yīng)的路徑下，具體路徑如下：C:\Windows\Fonts

2. 如果是使用桌面端設(shè)計(jì)器，你在此處安裝了對(duì)應(yīng)的字體文件之后，在桌面端的設(shè)計(jì)器中就可以調(diào)用該字體，這里我調(diào)用的是一個(gè) 特殊的字體“SJQY”鋼材建筑行業(yè)使用的一個(gè)特殊字體。

3. 但是在web端設(shè)計(jì)中，不進(jìn)行API的設(shè)置是沒(méi)辦法調(diào)用該字體的，具體API的調(diào)用的方法如下
其中 ;'Arial','SJQY','Times New Roman'  代表字體的命名。

designerOptions.fonts = ['Arial','SJQY','Times New Roman'];

<script>

var designerOptions = GrapeCity.ActiveReports.WebDesigner.createDesignerOptions();
designerOptions.server.url = 'api';
designerOptions.reportInfo = '@reportId' ? { id: '@reportId' } : null;

designerOptions.openButton.visible = true;
designerOptions.saveButton.visible = true;
designerOptions.saveAsButton.visible = true;

// Used in About dialog and File View Help tab.
designerOptions.documentation.home = '//www.grapecity.com/activereports/docs/v15/online-webdesigner/overview.html';
// Used in notifications about report items transformation.
designerOptions.documentation.reportItemsTransformation = '//www.grapecity.com/activereports/docs/v14/online-webdesigner/supportedcontrols.html';

designerOptions.reportItemsFeatures.table.autoFillFooter = true;

var viewer = null;
designerOptions.openViewer = function (options) {
if (viewer) {
viewer.openReport(options.reportInfo.id);
return;
}
viewer = GrapeCity.ActiveReports.JSViewer.create({
locale: options.locale,
element: '#' + options.element,
reportService: {
url: 'api/reporting',
},
reportID: options.reportInfo.id,
settings: {
zoomType: 'FitPage'
},
});
};
designerOptions.fonts = ['Arial','SJQY','Times New Roman'];
designerOptions.dataTab.dataSets.canModify = true;
designerOptions.dataTab.dataSources.canModify = true;

GrapeCity.ActiveReports.WebDesigner.renderApplication("designer-id", designerOptions);

</script>

4. 預(yù)覽結(jié)果

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

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

本文轉(zhuǎn)載自