ViewerConfig

Možnosti widgetu klientského prohlížeče

ViewerConfig (namespace Doconut) popisuje vzhled a chování prohlížeče. Nemá vliv na kvalitu vykreslování dokumentu; použijte formátovací konfiguraci pro to. Třída C# a starý JavaScript plugin mají různé výchozí hodnoty, takže hodnoty mapujte explicitně.

Vlastnosti C#

TypVlastnostVýchozíPopis
boolShowThumbstrueZobrazit panel miniatur.
boolAutoLoadfalseAutomaticky načíst po inicializaci. Normální tok tokenu volá View(token) explicitně.
boolAutoFocustruePřesunout fokus/posun prohlížeče na prohlížeč během inicializace.
boolAutoPageFocustrueUdržet aktuální miniaturu viditelnou při změně stránek.
intPageZoom100Počáteční procento přiblížení.
intZoomStep10Procento přidávané nebo odebrané příkazy zoomu.
intMaxZoom300Maximální procento přiblížení.
boolShowToolTiptrueZobrazit tooltip s pozicí stránky během posouvání.
stringToolTipPageText"Page "Předpona používaná v tooltipu stránky.
boolCacheEnabledfalseUchovávat pohyblivé okno obrázků stránek v paměti prohlížeče. Nepoužívá localStorage.
boolLargeDocfalsePřidávat elementy stránek v časovaných dávkách pro velké dokumenty.
boolShowHyperlinksfalseVykreslovat překryvy hyperodkazů, pokud je serverová konfigurace extrahovala.
boolFixedZoomtruePoužít pevné procento přiblížení místo responzivního přepočtu.
intFixedZoomPercent100Pevné přiblížení pro desktop.
intFixedZoomPercentMobile75Pevné přiblížení pro mobil.
stringBasePath"/"Kam prohlížeč odesílá požadavky na stránky. "/" je handler DocImage.axd v kořeni webu. Pro aplikaci ve virtuálním adresáři použijte název adresáře bez úvodního / ("myapp" znamená /myapp/DocImage.axd).
stringResPath"doconut-res/images"Složka, ze které widget načítá své vlastní obrázky: složka images pod ResourcesPath, bez úvodního /.
stringFitType"width""width", "height" nebo prázdné pro žádné automatické přizpůsobení. "page" není aktuálním widgetem podporováno.
boolRetryOn409falseOpakovat požadavky na stránky, které odpovídají „still rendering“. DocImage.axd renderuje synchronně a nikdy neodesílá tento signál; nechte false.
csharp
var config = new ViewerConfig
{
    ShowThumbs = true,
    AutoLoad = false,
    PageZoom = 100,
    MaxZoom = 300,
    FitType = "width",
    BasePath = "/",                 // "/" = the DocImage.axd handler at the site root (Web.config)
    ResPath = "doconut-res/images", // the images folder under ResourcesPath, no leading '/'
    ShowHyperlinks = true
};
// Emit it with viewer.RenderViewer("viewerEl", token, config) - see the Viewer reference.

Vytvoření ViewerConfig pomocí RenderViewer

Viewer.RenderViewer(elementId, token, config) převádí ViewerConfig na inicializační skript widgetu. Zapíše šest výše uvedených vlastností — BasePath, ResPath, ShowThumbs, AutoLoad, PageZoom a FitType — a poté zavolá View(token). Ostatní vlastnosti nejsou zapsány: pro MaxZoom, ShowHyperlinks, nastavení zoomu nebo jakékoli zpětné volání inicializujte widget sami pomocí níže uvedených JavaScript možností. Viz Viewer pro RenderViewer.

Mapování C# na JavaScript

Nepředávejte přímo serializovaný ViewerConfig do docViewer(...). Většina klíčů widgetu je v camelCase, zatímco tři zavedené klíče cesty/přizpůsobení jsou v PascalCase.

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

Výchozí hodnoty JavaScriptu

Widget má starší výchozí hodnoty, které se liší od třídy C#. Následující hodnoty pocházejí z aktuální implementace docViewer.js.

VolbaVýchozíPoznámky
leftMinWidth / leftMaxWidth220 / 800Meze šířky panelu miniatur.
showThumbstruePočáteční viditelnost miniatur.
autoFocus / autoPageFocustrue / falseautoPageFocus se liší od výchozí hodnoty v C#.
thumbWidth / thumbHeight / thumbPadding150 / 200 / 10Geometrie miniatur v pixelech.
pageZoom / zoomStep / maxZoom100 / 10 / 200JavaScript maxZoom se liší od C# (300).
showToolTip / toolTipPageTexttrue / "Page "Tooltip s pozicí stránky.
format / doc / AccessToken"" / 0 / ""Interní hodnoty inicializace; obvykle naplněny pomocí View(token).
debugModefalseDalší diagnostika na straně klienta.
FitType""Žádné automatické přizpůsobení, pokud není zadáno.
BasePath"DocImage.axd"Starší výchozí hodnota. Nastavte explicitně: '/' pro handler v kořeni webu.
ResPath""Nastavte explicitně na cestu k vloženým obrázkům.
cacheEnabled / cacheCount / cacheDelayfalse / 3 / 3Okno a prodleva přednačítání stránek v paměti.
autoLoadfalseDoporučuje se explicitní tok tokenu.
largeDoctrueLiší se od výchozí hodnoty v C#.
fixedZoomfalseLiší se od výchozí hodnoty v C#.
fixedZoomPercent / fixedZoomPercentMobile100 / 50Mobilní hodnota se liší od C# (75).
showHyperlinkstrueVyžaduje extrakci na serveru pro vytvoření překryvných vrstev.

Nastavte všechny behaviorálně důležité hodnoty místo spoléhaní se na některou z výchozích sad:

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: '/',
    ResPath: 'doconut-res/images',
    onViewerReady: function () {},
    onError: function (message) { console.error('DocViewer:', message); }
});
</script>

Zpětné volání

Zpětné voláníArgumentyÚčel
onPageLoadingpageNumPočíná požadavek na stránku.
onPageLoadedpageNumObrázek stránky byl načten.
onThumbnailClickedpageNumUživatel vybral miniaturu.
onPageClickedpageNumUživatel vybral stránku.
onDoubleClicknoneProhlížeč obdržel dvojklik.
onViewerBusynoneProhlížeč vstoupil do stavu zaneprázdněnosti.
onViewerReadynoneInicializace dokončena.
onViewerErrornoneProhlížeč vstoupil do chybového stavu.
onErrormessageOperace vrátila chybovou zprávu.
onCopydataData pro kopírování textu jsou k dispozici.
onAutoLoadStatuspageNumAutomatické načítání postupovalo na stránku.
onThumbsShownnonePanel miniatur se stal viditelným.
onAnnLoadednoneData anotací načtena.
onAnnSavednoneData anotací uložena.
onAnnSaveErrornoneUložení anotací selhalo.
onAnnClosednoneUživatelské rozhraní anotací bylo uzavřeno.

Udržujte zpětná volání rychlá; odesílejte telemetrii asynchronně a neblokujte vykreslování stránky.

Veřejné skupiny metod

SkupinaSpolečné metody
Životní cyklusView(token, accessToken?), Close(server?), Token(), Init(), IsLoaded()
NavigaceGotoPage(page), ShowPage(page, focus?), Next(next), CurrentPage(), TotalPages()
Zoom a přizpůsobeníZoom(zoomIn), CurrentZoom(), FitType(value), Refit()
OrientaceRotate(page, angle), Flip(page, flipType)
MiniaturyHideThumbs(hide), ThumbSize(size), ReloadThumbs(width), ScrollToThumb(thumb)
VyhledáváníCanSearch(), Search(...), SearchMatchCount(), SearchSummary(...), GotoSearchMatch(...)
AnotaceSaveAnnotations(), GetAnnotations(), PushAnnotations(...), CloseAnnotations(...), ShowAnnotations(...)
KopírováníCopy(...), CopyPage(pageNumber), CopyMode(enabled)

Soubor JavaScript také obsahuje interní pomocníky. Považujte za stabilní integrační body pouze metody používané referenčním UI a dokumentované zde nebo v průvodcích funkcí.

Možnosti opakování

Widget také přijímá retryOn409 a jeho nastavení zpětného zpoždění (retryInitialDelayMs, retryBackoffFactor, retryMaxDelayMs, retryMaxAttempts, retryMaxTotalMs). Slouží nasazením, jejichž stránky jsou generovány na pozadí. DocImage.axd vykresluje každou stránku během požadavku, takže nechte retryOn409 vypnuté.

Kontrolní seznam cesty

  • BasePath je '/', když je obsluha DocImage.axd umístěna v kořeni webu — atribut path obsluhy v Web.config určuje, kde odpovídá. Ve virtuálním adresáři použijte název adresáře bez úvodní / ('myapp', ne '/myapp': prohlížeč přidá lomítko a //myapp/... je požadavek na jiný hostitel).
  • DoconutOptions.ResourcesPath určuje, kde modul zdrojů poskytuje vložené soubory (/doconut-res ve výchozím nastavení).
  • ResPath cílí na podsložku images, také bez úvodního / ('doconut-res/images'). Nastavení na 'doconut-res' způsobí, že každá ikona vrátí 404, zatímco dokument se stále vykresluje.
  • V MVC musí routes.IgnoreRoute("doconut-res/{*pathInfo}") následovat po ResourcesPath, pokud jej změníte.
  • ExtractHyperlinks musí být povoleno v konfiguraci formátu serveru, než showHyperlinks může něco zobrazit.

Byla tato stránka užitečná?