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#
| Typ | Vlastnost | Výchozí | Popis |
|---|---|---|---|
bool | ShowThumbs | true | Zobrazit panel miniatur. |
bool | AutoLoad | false | Automaticky načíst po inicializaci. Normální tok tokenu volá View(token) explicitně. |
bool | AutoFocus | true | Přesunout fokus/posun prohlížeče na prohlížeč během inicializace. |
bool | AutoPageFocus | true | Udržet aktuální miniaturu viditelnou při změně stránek. |
int | PageZoom | 100 | Počáteční procento přiblížení. |
int | ZoomStep | 10 | Procento přidávané nebo odebrané příkazy zoomu. |
int | MaxZoom | 300 | Maximální procento přiblížení. |
bool | ShowToolTip | true | Zobrazit tooltip s pozicí stránky během posouvání. |
string | ToolTipPageText | "Page " | Předpona používaná v tooltipu stránky. |
bool | CacheEnabled | false | Uchovávat pohyblivé okno obrázků stránek v paměti prohlížeče. Nepoužívá localStorage. |
bool | LargeDoc | false | Přidávat elementy stránek v časovaných dávkách pro velké dokumenty. |
bool | ShowHyperlinks | false | Vykreslovat překryvy hyperodkazů, pokud je serverová konfigurace extrahovala. |
bool | FixedZoom | true | Použít pevné procento přiblížení místo responzivního přepočtu. |
int | FixedZoomPercent | 100 | Pevné přiblížení pro desktop. |
int | FixedZoomPercentMobile | 75 | Pevné přiblížení pro mobil. |
string | BasePath | "/" | 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). |
string | ResPath | "doconut-res/images" | Složka, ze které widget načítá své vlastní obrázky: složka images pod ResourcesPath, bez úvodního /. |
string | FitType | "width" | "width", "height" nebo prázdné pro žádné automatické přizpůsobení. "page" není aktuálním widgetem podporováno. |
bool | RetryOn409 | false | Opakovat požadavky na stránky, které odpovídají „still rendering“. DocImage.axd renderuje synchronně a nikdy neodesílá tento signál; nechte false. |
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 |
|---|---|
ShowThumbs | showThumbs |
AutoLoad | autoLoad |
AutoFocus | autoFocus |
AutoPageFocus | autoPageFocus |
PageZoom | pageZoom |
ZoomStep | zoomStep |
MaxZoom | maxZoom |
ShowToolTip | showToolTip |
ToolTipPageText | toolTipPageText |
CacheEnabled | cacheEnabled |
LargeDoc | largeDoc |
ShowHyperlinks | showHyperlinks |
FixedZoom | fixedZoom |
FixedZoomPercent | fixedZoomPercent |
FixedZoomPercentMobile | fixedZoomPercentMobile |
BasePath | BasePath |
ResPath | ResPath |
FitType | FitType |
RetryOn409 | retryOn409 |
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.
| Volba | Výchozí | Poznámky |
|---|---|---|
leftMinWidth / leftMaxWidth | 220 / 800 | Meze šířky panelu miniatur. |
showThumbs | true | Počáteční viditelnost miniatur. |
autoFocus / autoPageFocus | true / false | autoPageFocus se liší od výchozí hodnoty v C#. |
thumbWidth / thumbHeight / thumbPadding | 150 / 200 / 10 | Geometrie miniatur v pixelech. |
pageZoom / zoomStep / maxZoom | 100 / 10 / 200 | JavaScript maxZoom se liší od C# (300). |
showToolTip / toolTipPageText | true / "Page " | Tooltip s pozicí stránky. |
format / doc / AccessToken | "" / 0 / "" | Interní hodnoty inicializace; obvykle naplněny pomocí View(token). |
debugMode | false | Další 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 / cacheDelay | false / 3 / 3 | Okno a prodleva přednačítání stránek v paměti. |
autoLoad | false | Doporučuje se explicitní tok tokenu. |
largeDoc | true | Liší se od výchozí hodnoty v C#. |
fixedZoom | false | Liší se od výchozí hodnoty v C#. |
fixedZoomPercent / fixedZoomPercentMobile | 100 / 50 | Mobilní hodnota se liší od C# (75). |
showHyperlinks | true | Vyž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:
<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 |
|---|---|---|
onPageLoading | pageNum | Počíná požadavek na stránku. |
onPageLoaded | pageNum | Obrázek stránky byl načten. |
onThumbnailClicked | pageNum | Uživatel vybral miniaturu. |
onPageClicked | pageNum | Uživatel vybral stránku. |
onDoubleClick | none | Prohlížeč obdržel dvojklik. |
onViewerBusy | none | Prohlížeč vstoupil do stavu zaneprázdněnosti. |
onViewerReady | none | Inicializace dokončena. |
onViewerError | none | Prohlížeč vstoupil do chybového stavu. |
onError | message | Operace vrátila chybovou zprávu. |
onCopy | data | Data pro kopírování textu jsou k dispozici. |
onAutoLoadStatus | pageNum | Automatické načítání postupovalo na stránku. |
onThumbsShown | none | Panel miniatur se stal viditelným. |
onAnnLoaded | none | Data anotací načtena. |
onAnnSaved | none | Data anotací uložena. |
onAnnSaveError | none | Uložení anotací selhalo. |
onAnnClosed | none | Už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
| Skupina | Společné metody |
|---|---|
| Životní cyklus | View(token, accessToken?), Close(server?), Token(), Init(), IsLoaded() |
| Navigace | GotoPage(page), ShowPage(page, focus?), Next(next), CurrentPage(), TotalPages() |
| Zoom a přizpůsobení | Zoom(zoomIn), CurrentZoom(), FitType(value), Refit() |
| Orientace | Rotate(page, angle), Flip(page, flipType) |
| Miniatury | HideThumbs(hide), ThumbSize(size), ReloadThumbs(width), ScrollToThumb(thumb) |
| Vyhledávání | CanSearch(), Search(...), SearchMatchCount(), SearchSummary(...), GotoSearchMatch(...) |
| Anotace | SaveAnnotations(), 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
BasePathje'/', když je obsluhaDocImage.axdumístěna v kořeni webu — atributpathobsluhy vWeb.configurč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.ResourcesPathurčuje, kde modul zdrojů poskytuje vložené soubory (/doconut-resve výchozím nastavení).ResPathcílí na podsložkuimages, 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 poResourcesPath, pokud jej změníte. ExtractHyperlinksmusí být povoleno v konfiguraci formátu serveru, nežshowHyperlinksmůže něco zobrazit.
Byla tato stránka užitečná?