bec9ea2356
Updated `_ViewImports.cshtml` to include DevExpress and DevExtreme tag helpers. Created `DocumentViewerDevExpress.cshtml` for displaying a DevExpress Document Viewer with necessary CDN links. Implemented the corresponding code-behind in `DocumentViewerDevExpress.cshtml.cs` to handle model binding and report key generation.
32 lines
1.4 KiB
Plaintext
32 lines
1.4 KiB
Plaintext
@page
|
|
@model DXApp.TemplateKitProject.Pages.Invoices.DocumentViewerDevExpressModel
|
|
@{
|
|
ViewData["Title"] = "DevExpress Document Viewer";
|
|
}
|
|
|
|
@* Dev: Für schnelle Tests verwenden wir die CDN-Assets.
|
|
In Production bitte lokal hosten und Lizenz einbinden. *@
|
|
<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/25.2.7/css/dx.common.css" />
|
|
<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/25.2.7/css/dx.light.css" />
|
|
<script src="https://cdn3.devexpress.com/jslib/25.2.7/js/dx.all.js"></script>
|
|
<script src="https://cdn3.devexpress.com/jslib/25.2.7/js/dx.aspnet.data.js"></script>
|
|
|
|
<div class="container-fluid" style="height:100vh; padding:0;">
|
|
<div class="d-flex align-items-center justify-content-between p-3 border-bottom">
|
|
<h5 class="m-0">DevExpress Viewer — Rechnung @Model.Id</h5>
|
|
<div>
|
|
<a class="btn btn-secondary me-2" href="/Invoices">Zurück zur Übersicht</a>
|
|
<a class="btn btn-outline-secondary" href="/Invoices/DocumentViewer?id=@Model.Id">Baseline Viewer</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="height:calc(100vh - 64px);">
|
|
@* KORRIGIERTE SYNTAX: Der WebDocumentViewer-Helper wird direkt aufgerufen. *@
|
|
@(Html.DevExpress().WebDocumentViewer()
|
|
.Name("WebDocumentViewer")
|
|
.Height("100%")
|
|
.Width("100%")
|
|
.Bind(Model.ReportKey)
|
|
)
|
|
</div>
|
|
</div> |