ViewerConfig

Client viewer widget options

ViewerConfig (namespace Doconut) describes the browser viewer's appearance and behavior. It does not affect document rendering quality; use a format config for that. The C# class and the legacy JavaScript plugin have different defaults, so map values explicitly.

מאפייני C#

סוגמאפייןברירת מחדלתיאור
boolShowThumbstrueהצגת לוח התמונות הממוזערות.
boolAutoLoadfalseטעינה אוטומטית לאחר האתחול. זרימת האסימונים הרגילה קוראת ל-View(token) במפורש.
boolAutoFocustrueהזזת המיקוד/גלילה של הדפדפן לתצוגה במהלך האתחול.
boolAutoPageFocustrueשמירת התמונה הממוזערת הנוכחית גלויה בזמן שינוי דפים.
intPageZoom100אחוז זום ראשוני.
intZoomStep10אחוז שנוסף או מוסר על ידי פקודות זום.
intMaxZoom300אחוז זום מרבי.
boolShowToolTiptrueהצגת תיאור מקומי של העמוד בעת גלילה.
stringToolTipPageText"Page "קידומת המשמשת בתיאור העמוד.
boolCacheEnabledfalseשמירת חלון נע של תמונות עמוד בזיכרון הדפדפן. אינו משתמש ב-localStorage.
boolLargeDocfalseהוספת אלמנטים של עמודים במנות מתוזמנות עבור מסמכים גדולים.
boolShowHyperlinksfalseהצגת שכבות קישורים כאשר תצורת השרת חילצה אותן.
boolFixedZoomtrueשימוש באחוז זום קבוע במקום חישוב רספונסיבי.
intFixedZoomPercent100זום קבוע למחשב שולחני.
intFixedZoomPercentMobile75זום קבוע למובייל.
stringBasePath"/"היכן שהצופה שולח בקשות דפים. "/" הוא DocImage.axd בשורש האתר; אחרת הסניף שבו המארח ממפה את UseDoconut(), בלי / מוביל ("doconut" משמעותו /doconut/DocImage.axd).
stringResPath"doconut-res/images" (26.9.0; "doconut-res" before)תיקייה שממנה הווידג'ט טוען את התמונות שלו: תיקיית images תחת ResourcesPath, בלי / מוביל.
stringFitType"width""width", "height", או ריק עבור ללא התאמה אוטומטית. "page" אינו מתקבל על ידי הווידג'ט הנוכחי.
boolRetryOn409falseהפעלת סקר כאשר בקשת דף אסינכרונית/מבוזרת מגיבה 409. לא נדרש על ידי הצופה הסינכרוני הרגיל.
csharp
var config = new ViewerConfig
{
    ShowThumbs = true,
    AutoLoad = false,
    PageZoom = 100,
    MaxZoom = 300,
    FitType = "width",
    BasePath = "doconut",           // אין "/" מוביל: הצופה מוסיף אותו ("/doconut" יהפוך ל-//doconut, מארח אחר)
    ResPath = "doconut-res/images",
    ShowHyperlinks = true
};

מיפוי מ- C# ל- JavaScript

Do not pass a directly serialized ViewerConfig to docViewer(...). Most widget keys are camelCase, while three established path/fit keys are PascalCase.

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

ברירות מחדל של JavaScript

The widget has older defaults that differ from the C# class. The following values come from the current docViewer.js implementation.

אפשרותברירת מחדלהערות
leftMinWidth / leftMaxWidth220 / 800גבולות רוחב לוח התמונות הממוזערות.
showThumbstrueנראות ראשונית של תמונה ממוזערת.
autoFocus / autoPageFocustrue / falseautoPageFocus שונה מברירת המחדל של C#.
thumbWidth / thumbHeight / thumbPadding150 / 200 / 10גאומטריית תמונה ממוזערת בפיקסלים.
pageZoom / zoomStep / maxZoom100 / 10 / 200JavaScript maxZoom שונה מ- C# (300).
showToolTip / toolTipPageTexttrue / "Page "תיאור מקומי של העמוד.
format / doc / AccessToken"" / 0 / ""ערכי אתחול פנימיים; בדרך כלל ממולאים על ידי View(token).
debugModefalseאבחונים נוספים של הלקוח.
FitType""אין התאמה אוטומטית אלא אם כן מסופק.
BasePath"DocImage.axd"ברירת מחדל של מטפל ישן. הגדר זאת במפורש עבור ASP.NET Core.
ResPath""הגדר במפורש לנתיב התמונות המוטמעים.
cacheEnabled / cacheCount / cacheDelayfalse / 3 / 3חלון טעינה מראש של דפים בזיכרון ועיכוב.
autoLoadfalseמומלץ להשתמש בזרימת אסימונים מפורשת.
largeDoctrueשונה מברירת המחדל של C#.
fixedZoomfalseשונה מברירת המחדל של C#.
fixedZoomPercent / fixedZoomPercentMobile100 / 50ערך למובייל שונה מ- C# (75).
showHyperlinkstrueדורש חילוץ בצד השרת ליצירת שכבות.

Set all behaviorally important values instead of relying on either set of defaults:

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>

קריאות חוזרות

קריאה חוזרתארגומנטיםמטרה
onPageLoadingpageNumבקשת דף מתחילה.
onPageLoadedpageNumתמונת דף הסתיימה בטעינה.
onThumbnailClickedpageNumהמשתמש בחר בתמונה ממוזערת.
onPageClickedpageNumהמשתמש בחר בדף.
onDoubleClicknoneהצופה קיבל לחיצה כפולה.
onViewerBusynoneהצופה נכנס למצב עסוק.
onViewerReadynoneהאתחול הושלם.
onViewerErrornoneהצופה נכנס למצב שגיאה.
onErrormessageפעולה החזירה הודעת שגיאה.
onCopydataנתוני העתקת טקסט זמינים.
onAutoLoadStatuspageNumטעינה אוטומטית התקדמה לדף.
onThumbsShownnoneפאנל התמונות הממוזערות הפך גלוי.
onAnnLoadednoneנתוני ההערות נטענו.
onAnnSavednoneנתוני ההערות נשמרו.
onAnnSaveErrornoneשמירת ההערות נכשלה.
onAnnClosednoneממשק המשתמש של ההערות נסגר.

שמרו על קריאות חוזרות מהירות; שלחו טלמטריה באופן אסינכרוני ואל תחסמו את רינדור הדף.

קבוצות שיטות ציבוריות

קבוצהשיטות משותפות
מחזור חייםView(token, accessToken?), Close(server?), Token(), Init(), IsLoaded()
ניווטGotoPage(page), ShowPage(page, focus?), Next(next), CurrentPage(), TotalPages()
זום והתאמהZoom(zoomIn), CurrentZoom(), FitType(value), Refit()
כיווןRotate(page, angle), Flip(page, flipType)
תמונות ממוזערותHideThumbs(hide), ThumbSize(size), ReloadThumbs(width), ScrollToThumb(thumb)
חיפושCanSearch(), Search(...), SearchMatchCount(), SearchSummary(...), GotoSearchMatch(...)
הערותSaveAnnotations(), GetAnnotations(), PushAnnotations(...), CloseAnnotations(...), ShowAnnotations(...)
העתקהCopy(...), CopyPage(pageNumber), CopyMode(enabled)

קובץ ה-JavaScript מכיל גם עוזרים פנימיים. יש להתייחס רק לשיטות המשמשות את ממשק המשתמש הרפרנסי ומתועדות כאן או במדריכי הפיצ'רים כנקודות אינטגרציה יציבות.

ניסיון חוזר אחרי HTTP 409

retryOn409 מיועד לייצור דפים אסינכרוני. כאשר מופעל, הווידג'ט מבצע פולינג עם ערכי ברירת המחדל של JavaScript הבאים:

אפשרותברירת מחדל
retryInitialDelayMs250
retryBackoffFactor1.6
retryMaxDelayMs2500
retryMaxAttempts60
retryMaxTotalMs120000

השאירו אותו מושבת עבור הצופה הרגיל. הפעלתו לא יכולה להפוך רינדור סינכרוני לא נתמך לאסינכרוני.

רשימת בדיקת נתיב

  • DoconutOptions.MiddlewarePath חייב לתאר את הסניף שאתה בפועל ממפה.
  • BasePath חייב למקד את הסניף הזה, נכתב ללא / מוביל ('doconut', ולא '/doconut': הצופה מוסיף את הקו המפריד, ו-//doconut/... הוא בקשה למארח אחר).
  • DoconutOptions.ResourcesPath הוא נתיב המשאב המוטמע.
  • ResPath בדרך כלל ממקד את תת-התיקייה שלו images, גם ללא / מוביל ('doconut-res/images').
  • ExtractHyperlinks חייב להיות מופעל בתצורת פורמט השרת לפני ש-showHyperlinks יכול להציג משהו.

האם דף זה היה מועיל?