ViewerConfig

خيارات واجهة عرض العميل

ViewerConfig (المساحة الاسمية 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

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

الإعدادات الافتراضية لـ JavaScript

الخيارالافتراضيملاحظات
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 من عرض أي شيء.

هل كانت هذه الصفحة مفيدة؟