ViewerConfig

Klientvisningswidgetalternativ

ViewerConfig (namnrymd Doconut) beskriver webbläsarens visares utseende och beteende. Det påverkar inte dokumentets renderingskvalitet; använd en formatkonfiguration för det. C#‑klassen och den äldre JavaScript‑pluginen har olika standardvärden, så mappa värdena explicit.

C#‑egenskaper

TypEgenskapStandardBeskrivning
boolShowThumbstrueVisa miniatyrpanelen.
boolAutoLoadfalseLadda automatiskt efter initiering. Det normala tokenflödet anropar View(token) explicit.
boolAutoFocustrueFlytta webbläsarens fokus/rullning till visaren under initiering.
boolAutoPageFocustrueBehåll den aktuella miniatyren synlig medan sidorna ändras.
intPageZoom100Initial zoomprocent.
intZoomStep10Procent som läggs till eller tas bort av zoomkommandon.
intMaxZoom300Maximal zoomprocent.
boolShowToolTiptrueVisa verktygstips för sidposition vid rullning.
stringToolTipPageText"Page "Prefix som används i sidverktygstipset.
boolCacheEnabledfalseBehåll ett rörligt fönster av sidbilder i webbläsarens minne. Det använder inte localStorage.
boolLargeDocfalseLägg till sidelement i tidsstyrda batcher för stora dokument.
boolShowHyperlinksfalseRendera hyperlänksöverlägg när serverkonfigurationen har extraherat dem.
boolFixedZoomtrueAnvänd en fast zoomprocent istället för responsiv omräkning.
intFixedZoomPercent100Fast desktop‑zoom.
intFixedZoomPercentMobile75Fast mobil‑zoom.
stringBasePath"/"Var visaren skickar sidförfrågningar. "/" är DocImage.axd i webbplatsens rot; annars grenen där värden mappar UseDoconut(), utan inledande / ("doconut" betyder /doconut/DocImage.axd).
stringResPath"doconut-res/images" (26.9.0; "doconut-res" tidigare)Mapp som widgeten laddar sina egna bilder från: images‑mappen under ResourcesPath, utan inledande /.
stringFitType"width""width", "height" eller tom för ingen automatisk anpassning. "page" accepteras inte av den aktuella widgeten.
boolRetryOn409falseAktivera polling när en asynkron/distribuerad sidförfrågan svarar 409. Behövs inte av den normala synkrona visaren.
csharp
var config = new ViewerConfig
{
    ShowThumbs = true,
    AutoLoad = false,
    PageZoom = 100,
    MaxZoom = 300,
    FitType = "width",
    BasePath = "doconut",           // utan inledande '/': visaren lägger till den ("/doconut" skulle bli //doconut, en annan värd)
    ResPath = "doconut-res/images",
    ShowHyperlinks = true
};

C# till JavaScript‑mappning

Skicka inte en direkt serialiserad ViewerConfig till docViewer(...). De flesta widget‑nycklar är camelCase, medan tre etablerade sökvägs‑/fit‑nycklar är PascalCase.

C#JavaScript
ShowThumbsshowThumbs
AutoLoadautoLoad
AutoFocusautoFocus
AutoPageFocusautoPageFocus
PageZoompageZoom
ZoomStepzoomStep
MaxZoommaxZoom
ShowToolTipshowToolTip
ToolTipPageTexttoolTipPageText
CacheEnabledcacheEnabled
LargeDoclargeDoc
ShowHyperlinksshowHyperlinks
FixedZoomfixedZoom
FixedZoomPercentfixedZoomPercent
FixedZoomPercentMobilefixedZoomPercentMobile
BasePathBasePath
ResPathResPath
FitTypeFitType
RetryOn409retryOn409

JavaScript‑standardvärden

Widgeten har äldre standardvärden som skiljer sig från C#‑klassen. Följande värden kommer från den aktuella implementationen av docViewer.js.

AlternativStandardAnteckningar
leftMinWidth / leftMaxWidth220 / 800Gränser för miniatyrpanelens bredd.
showThumbstrueInitial miniatyrsynlighet.
autoFocus / autoPageFocustrue / falseautoPageFocus skiljer sig från C#‑standardvärdet.
thumbWidth / thumbHeight / thumbPadding150 / 200 / 10Miniatyrgeometri i pixlar.
pageZoom / zoomStep / maxZoom100 / 10 / 200JavaScript maxZoom skiljer sig från C# (300).
showToolTip / toolTipPageTexttrue / "Page "Verktygstips för sidposition.
format / doc / AccessToken"" / 0 / ""Interna initieringsvärden; normalt fylls de i av View(token).
debugModefalseYtterligare klientdiagnostik.
FitType""Ingen automatisk anpassning om inte angivet.
BasePath"DocImage.axd"Standard för äldre hanterare. Sätt den explicit för ASP.NET Core.
ResPath""Sätt explicit till den inbäddade bildsökvägen.
cacheEnabled / cacheCount / cacheDelayfalse / 3 / 3Fönster för förladdning av sidor i minnet och fördröjning.
autoLoadfalseExplicitt tokenflöde rekommenderas.
largeDoctrueSkiljer sig från C#‑standardvärdet.
fixedZoomfalseSkiljer sig från C#‑standardvärdet.
fixedZoomPercent / fixedZoomPercentMobile100 / 50Mobilt värde skiljer sig från C# (75).
showHyperlinkstrueKräver server‑sidextraktion för att producera överlägg.

Ange alla beteendemässigt viktiga värden explicit istället för att förlita dig på någon av standarduppsättningarna:

html
<div id="divDocViewer"><div id="div_ctlDoc"></div></div>

<script>
const objViewer = $('#div_ctlDoc').docViewer({
    showThumbs: true,
    autoLoad: false,
    autoFocus: true,
    autoPageFocus: true,
    pageZoom: 100,
    zoomStep: 10,
    maxZoom: 300,
    FitType: 'width',
    cacheEnabled: false,
    largeDoc: false,
    showHyperlinks: true,
    fixedZoom: true,
    fixedZoomPercent: 100,
    fixedZoomPercentMobile: 75,
    BasePath: 'doconut',
    ResPath: 'doconut-res/images',
    onViewerReady: function () {},
    onError: function (message) { console.error('DocViewer:', message); }
});
</script>

Återuppringningar

ÅteruppringningArgumentSyfte
onPageLoadingpageNumEn sidbegäran påbörjas.
onPageLoadedpageNumEn sidbild har laddats färdigt.
onThumbnailClickedpageNumAnvändaren valde en miniatyr.
onPageClickedpageNumAnvändaren valde en sida.
onDoubleClicknoneVisaren mottog ett dubbelklick.
onViewerBusynoneVisaren gick in i ett upptaget tillstånd.
onViewerReadynoneInitieringen slutfördes.
onViewerErrornoneVisaren gick in i feltilstånd.
onErrormessageEn operation returnerade ett felmeddelande.
onCopydataTextkopieringsdata är tillgänglig.
onAutoLoadStatuspageNumAutoladdning fortskred till en sida.
onThumbsShownnoneMiniatyrpanelen blev synlig.
onAnnLoadednoneAnnotationsdata laddades.
onAnnSavednoneAnnotationsdata sparades.
onAnnSaveErrornoneSparning av annotation misslyckades.
onAnnClosednoneAnnotationsgränssnittet stängdes.

Håll återuppringningar snabba; skicka telemetri asynkront och blockera inte sidrenderingen.

Offentliga metodgrupper

GruppVanliga metoder
LivscykelView(token, accessToken?), Close(server?), Token(), Init(), IsLoaded()
NavigeringGotoPage(page), ShowPage(page, focus?), Next(next), CurrentPage(), TotalPages()
Zoom och anpassningZoom(zoomIn), CurrentZoom(), FitType(value), Refit()
OrienteringRotate(page, angle), Flip(page, flipType)
MiniatyrerHideThumbs(hide), ThumbSize(size), ReloadThumbs(width), ScrollToThumb(thumb)
SökningCanSearch(), Search(...), SearchMatchCount(), SearchSummary(...), GotoSearchMatch(...)
AnnotationSaveAnnotations(), GetAnnotations(), PushAnnotations(...), CloseAnnotations(...), ShowAnnotations(...)
KopieraCopy(...), CopyPage(pageNumber), CopyMode(enabled)

JavaScript-filen innehåller också interna hjälpfunktioner. Behandla endast metoder som används av referens‑UI och som är dokumenterade här eller i funktionsguiderna som stabila integrationspunkter.

Försök igen efter HTTP 409

retryOn409 är för asynkron sidproduktion. När den är aktiverad pollar widgeten med dessa JavaScript‑standardvärden:

AlternativStandard
retryInitialDelayMs250
retryBackoffFactor1.6
retryMaxDelayMs2500
retryMaxAttempts60
retryMaxTotalMs120000

Låt den vara inaktiverad för den vanliga visaren. Att aktivera den kan inte göra en osupporterad synkron rendering asynkron.

Kontrollista för sökväg

  • DoconutOptions.MiddlewarePath måste beskriva den gren du faktiskt mappar.
  • BasePath måste rikta mot den grenen, skrivet utan inledande / ('doconut', inte '/doconut': visaren lägger till snedstrecket, och //doconut/... är en begäran till en annan värd).
  • DoconutOptions.ResourcesPath är den inbäddade resursrutten.
  • ResPath pekar normalt på dess images‑undermapp, också utan inledande / ('doconut-res/images').
  • ExtractHyperlinks måste vara aktiverad i serverns formatkonfiguration innan showHyperlinks kan visa något.

Var den här sidan hjälpsam?