使用@model时,ASP.NET Razor View上未显示PDFTron Web Viewer。我收到HTTP 404 - Not Found错误。不使用@model,并在Controller中删除返回视图(doc); 并使用返回View(); PDFTron Web Viewer显示XOD文档但使用@model不显示XOD查看器。
Razor View如下。删除 @model XODViewer.DataModel.Document 并将返回View(doc); 更改为返回View(); 使其正常工作。我需要将View绑定到模型类,以在View上访问我的模型的属性。
PDFTron不支持在绑定到模型的MVC Razor View上显示Web Viewer控件吗?
@model XODViewer.DataModel.Document
@{
ViewBag.Title = "Document";
}
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/lib/WebViewer.min.js"></script>
<style>
#viewer {
width: 1024px;
height: 600px;
}
</style>
<script>
$(function () {
var docName = 'GettingStarted.xod';
var viewerElement = document.getElementById('viewer');
var myWebViewer = new PDFTron.WebViewer({
path: 'lib',
type: 'html5',
documentType: "xod",
initialDoc: "lib/GettingStarted.xod",
config: '',
streaming: false,
enableAnnotations: false,
enableOfflineMode: false,
enableReadOnlyMode: true
}, viewerElement);
});
</script>
<h2>Document</h2>
<div id="viewer" style="overflow: auto;width:100%;">
</div>
答案 0 :(得分:1)
现在已经开始使用相对路径,View现在绑定到模型类。
@model XODViewerApp.Model.Document
@{
ViewBag.Title = "Document";
}
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/lib/WebViewer.min.js"></script>
<style>
#viewer {
width: 1024px;
height: 600px;
}
</style>
<script>
$(function () {
var viewerElement = document.getElementById('viewer');
var myWebViewer = new PDFTron.WebViewer({
path: 'lib',
type: 'html5',
documentType: "xod",
initialDoc: "lib/GettingStarted.xod",
config: '',
streaming: false,
enableAnnotations: false,
enableOfflineMode: false,
enableReadOnlyMode: true
}, viewerElement);
});
</script>
<h2>Document</h2>
<div id="viewer" style="overflow: auto;width:100%;">
</div>
答案 1 :(得分:0)
lib
构造函数中的WebViewer
参数用于将WebViewer
指向其库,特别是html5
子文件夹。
我会尝试将该参数设置为绝对路径,而不是相对路径,因为看起来相对路径不起作用,因为您的404错误消息表明它找不到lib/html5/ReaderControl.html