ViewerConfig

אפשרויות וידג'ט תצוגת לקוח

ViewerConfig (namespace Doconut) מתאר את המראה וההתנהגות של מציג הדפדפן. הוא אינו משפיע על איכות הרינדור של המסמך; השתמש בתצורת פורמט עבור זאת. למחלקת C# ולווידג'ט הוותיק של JavaScript יש ברירות מחדל שונות, ולכן יש למפות ערכים במפורש.

מאפייני C#

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

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

אין להעביר ViewerConfig שמסודר ישירות ל‑docViewer(...). רוב מפתחות הווידג'ט כתובים ב‑camelCase, בעוד שלושה מפתחות מסלול/התאמה קיימים כתובים ב‑PascalCase.

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

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

לוווידג'ט יש ברירות מחדל ישנות השונות מהמחלקה ב‑C#. הערכים הבאים נלקחים מיישום ה‑docViewer.js הנוכחי.

אפשרותברירת מחדלהערות
leftMinWidth / leftMaxWidth220 / 800גבולות רוחב לוח התמונות הממוזערות.
showThumbstrueנראות ראשונית של התמונות הממוזערות.
autoFocus / autoPageFocustrue / falseautoPageFocus שונה מברירת המחדל של C#.
thumbWidth / thumbHeight / thumbPadding150 / 200 / 10גאומטריית תמונות ממוזערות בפיקסלים.
pageZoom / zoomStep / maxZoom100 / 10 / 200maxZoom של JavaScript שונה מ‑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דורש חילוץ בצד השרת ליצירת שכבות.

הגדירו את כל הערכים החשובים להתנהגות במקום להסתמך על אחת משתי ברירות המחדל:

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 מכיל גם עוזרים פנימיים. יש להתייחס רק לשיטות המשמשות בממשק המשתמש הרפרנסי ומתועדות כאן או במדריכי הפיצ'רים כנקודות אינטגרציה יציבות.

ניסיון חוזר כאשר דף מבוזר עדיין בתהליך רינדור

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

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

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

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

  • DoconutOptions.MiddlewarePath חייב לתאר את הענף שאתה למעשה ממפה.
  • BasePath חייב לכוון לאותו ענף.
  • DoconutOptions.ResourcesPath הוא נתיב המשאבים המוטמעים.
  • ResPath בדרך כלל מכוון לתת‑תיקייה /images שלו.
  • ExtractHyperlinks חייב להיות מופעל בתצורת פורמט השרת לפני ש‑showHyperlinks יכול להציג משהו.

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