ViewerConfig

خيارات عنصر واجهة المستخدم للعرض على العميل

ViewerConfig (namespace Doconut) يصف مظهر وسلوك عارض المتصفح. لا يؤثر على جودة عرض المستند؛ استخدم إعدادات التنسيق لهذا الغرض. فئة C# وإضافة جافاسكريبت القديمة لها قيم افتراضية مختلفة، لذا يجب تعيين القيم صراحةً.

خصائص 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تمكين الاستطلاع عندما يستجيب طلب صفحة غير متزامن/موزع بـ 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# إلى جافاسكريبت

لا تمرر ViewerConfig مسلسلاً مباشرةً إلى docViewer(...). معظم مفاتيح العنصر هي camelCase، بينما ثلاثة مفاتيح مسار/ملاءمة ثابتة هي PascalCase.

C#جافاسكريبت
ShowThumbsshowThumbs
AutoLoadautoLoad
AutoFocusautoFocus
AutoPageFocusautoPageFocus
PageZoompageZoom
ZoomStepzoomStep
MaxZoommaxZoom
ShowToolTipshowToolTip
ToolTipPageTexttoolTipPageText
CacheEnabledcacheEnabled
LargeDoclargeDoc
ShowHyperlinksshowHyperlinks
FixedZoomfixedZoom
FixedZoomPercentfixedZoomPercent
FixedZoomPercentMobilefixedZoomPercentMobile
BasePathBasePath
ResPathResPath
FitTypeFitType
RetryOn409retryOn409

القيم الافتراضية لجافاسكريبت

يحتوي العنصر على قيم افتراضية أقدم تختلف عن فئة C#. القيم التالية مأخوذة من تنفيذ docViewer.js الحالي.

الخيارالقيمة الافتراضيةملاحظات
leftMinWidth / leftMaxWidth220 / 800حدود عرض لوحة المصغرات.
showThumbstrueرؤية المصغرات الأولية.
autoFocus / autoPageFocustrue / falseautoPageFocus يختلف عن القيمة الافتراضية في C#.
thumbWidth / thumbHeight / thumbPadding150 / 200 / 10أبعاد المصغرات بالبكسل.
pageZoom / zoomStep / maxZoom100 / 10 / 200maxZoom في جافاسكريبت يختلف عن 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 يحتوي أيضًا على مساعدات داخلية. اعتبر فقط الطرق المستخدمة من قبل واجهة المستخدم المرجعية والموثقة هنا أو في أدلة الميزات كنقاط تكامل ثابتة.

إعادة المحاولة بعد HTTP 409

retryOn409 مخصص للإنتاج غير المتزامن للصفحات. عند التفعيل، يقوم الودجت بالاستطلاع باستخدام الإعدادات الافتراضية التالية لجافاسكريبت:

الخيارالقيمة الافتراضية
retryInitialDelayMs250
retryBackoffFactor1.6
retryMaxDelayMs2500
retryMaxAttempts60
retryMaxTotalMs120000

اتركه معطلاً للمشاهد العادي. تمكينه لا يمكن أن يجعل عرضًا متزامنًا غير مدعوم يتحول إلى غير متزامن.

قائمة التحقق من المسار

  • DoconutOptions.MiddlewarePath يجب أن يصف الفرع الذي تقوم بربطه فعليًا.
  • BasePath يجب أن يستهدف ذلك الفرع، مكتوبًا بدون علامة / في البداية ('doconut'، وليس '/doconut': المشاهد يضيف الشرطة، و//doconut/... هو طلب إلى مضيف آخر).
  • DoconutOptions.ResourcesPath هو مسار الموارد المدمجة.
  • ResPath عادةً ما يستهدف المجلد الفرعي images، أيضًا بدون علامة / في البداية ('doconut-res/images').
  • ExtractHyperlinks يجب أن يكون مفعلاً في إعدادات تنسيق الخادم قبل أن يتمكن showHyperlinks من عرض أي شيء.

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