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"/"היכן שהמציג שולח בקשות דפים. "/" הוא DocImage.axd בשורש האתר; אחרת הסניף שבו המארח ממפה UseDoconut(), בלי מקדמת / ("doconut" משמעותו /doconut/DocImage.axd).
stringResPath"doconut-res/images" (26.9.0; "doconut-res" לפני)תיקייה שהווידג'ט טוען ממנה את התמונות שלו: תיקיית images תחת ResourcesPath, בלי מקדמת /.
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",           // no leading '/': the viewer adds it ("/doconut" would become //doconut, another host)
    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 נוכחיים חייבים להגדיר זאת במפורש לסניף ה‑middleware הממופה.
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 חייב לכוון לאותו סניף, כתוב ללא סלאש מוביל / ('doconut', ולא '/doconut': הצופה מוסיף את הסלאש, ו-//doconut/... הוא בקשה למארח אחר).
  • DoconutOptions.ResourcesPath הוא נתיב המשאב המוטמע.
  • ResPath בדרך כלל מכוון לתת-תיקיית images שלו, גם ללא סלאש מוביל / ('doconut-res/images').
  • ExtractHyperlinks חייב להיות מופעל בתצורת פורמט השרת לפני ש-showHyperlinks יכול להציג משהו.

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