انتقل إلى المحتوى

pivotick v3.0.0


محورية / GraphUI / DockTab

واجهة: DockTab ​

محدد في: interfaces/GraphUI.ts:1365

جزء في الرصيف السفلي — إدخال واحد في شريط علامات التبويب الخاص به.

يمتلك الرصيف region: صف الشبكة وارتفاعه ومقسم تغيير الحجم و أضعاف. تمتلك علامة التبويب ما هو in — جسم، واختياريًا عناصر التحكم في الرأس الخاصة بها، والتي يتم تبديلها داخل وخارج قفص الاتهام مع تغير علامة التبويب النشطة. مع علامة تبويب واحدة فقط لم يتم رسم أي شريط مسجل على الإطلاق؛ لا يوجد شيء للتبديل.

قم بتسجيل واحد في أي وقت من عمر الرسم البياني باستخدام graph.UIManager.addDockTab()، أو من البرنامج المساعد install عبر ctx.addDockTab(). إما إرجاع المتخلص.

علامة التبويب الواحدة هي جزء واحد، وليست طريقة عرض واحدة لواحد. جزء يحتوي على عدة طرق عرض خاصة به — جدول البيانات Nodes وEdges — عبارة عن علامة تبويب مفردة ترسم علامة تبويب خاصة بها قم بالتبديل في toolbar ويتصل DockTabHandle.refresh لتغيير الجسم. هكذا يسرد شريط الرصيف الأجزاء (Table، Events) ولا يقوم أبدًا بتسوية مشاهدات جزء واحد إلى جانب جزء آخر؛ يتم رسم المستويين بشكل مختلف لنفس السبب.

جدول البيانات هو في حد ذاته علامة تبويب، لذا فإن علامة التبويب المسجلة هي كذلك تمامًا متميز باعتباره المدمج في.

مثال ​

js
const dispose = graph.UIManager.addDockTab({
    label: 'Audit',
    render: () => myAuditPane(),
    toolbar: () => [clearButton],
})

ممتدة بواسطة ​

خصائص ​

icon? ​

optional icon: string

محدد في: interfaces/GraphUI.ts:1382

حرف رسومي مرسوم قبل الملصق في الشريط، يشير إلى مصدر الجزء.

خيط SVG، محقون بـ innerHTML و غير معقم — يجب أن يكون موثوق به، تمامًا مثل PivotDefinition.icon. مفيد عندما تكون هناك عدة علامات تبويب نفس kind الجزء: أربعة مراجعات للمرشحين وجدول بيانات يُقرأ كقائمة واحدة من خمسة غير ذلك.


id? ​

optional id: string

محدد في: interfaces/GraphUI.ts:1371

الهوية المستقرة: ما removeDockTab / activateDockTab يأخذ، و data-tab مكتوب على زر الشريط.

الافتراضي ​

تم إنشاؤه تلقائيًا pvt-dock-tab-N


label ​

label: string

محدد في: interfaces/GraphUI.ts:1373

تم استخدام عنوان الشريط حرفيًا (حتى يمكن ترجمته).


onActivate()? ​

optional onActivate: (tab) => void

محدد في: interfaces/GraphUI.ts:1412

يتم استدعاؤه عندما تأتي علامة التبويب هذه إلى المقدمة، وعندما تغادر. علامة التبويب التي تشاهد يجب أن تتوقف البيانات المباشرة عن العمل في onDeactivate وتلحق بها في onActivate: لا شيء آخر يخبره أنه خارج الشاشة.

المعلمات ​

tab ​

DockTabHandle

المرتجعات ​

void


onDeactivate()? ​

optional onDeactivate: (tab) => void

محدد في: interfaces/GraphUI.ts:1413

المعلمات ​

tab ​

DockTabHandle

المرتجعات ​

void


order? ​

optional order: number

محدد في: interfaces/GraphUI.ts:1406

عرض الترتيب في الشريط تصاعديًا. الطلبات المتساوية تحافظ على ترتيب التسجيل - وبما أن المكونات الإضافية يتم تثبيتها بعد إنشاء واجهة المستخدم، فإن علامات تبويب المكونات الإضافية تصل بعد المضمنة دون الحاجة إلى قول ذلك.

الافتراضي ​

ts
0

render() ​

render: (tab) => HTMLElement

محدد في: interfaces/GraphUI.ts:1388

بناء جسم الجزء. تم الاتصال بـ مرة واحدة، بتكاسل، في المرة الأولى التي تصل فيها علامة التبويب الجزء الأمامي - علامة التبويب التي لا يفتحها أحد لا تكلف شيئًا. يتم الاحتفاظ بالعنصر وإعادة ربطه في عمليات التنشيط اللاحقة، لذلك يحتفظ بحالته الخاصة (يتضمن موضع التمرير).

المعلمات ​

tab ​

DockTabHandle

المرتجعات ​

HTMLElement


toolbar()? ​

optional toolbar: (tab) => HTMLElement | HTMLElement[]

محدد في: interfaces/GraphUI.ts:1399

أنشئ عناصر التحكم في رأس علامة التبويب هذه، والتي تم وضعها كجزء من صف رأس الإرساء. تمت إعادة استدعائه عند تفعيل كل، بحيث تعكس عناصر التحكم علامات التبويب الحالة الحالية.

يقوم الجزء الذي يحتوي على عدة طرق عرض خاصة به برسم المفتاح هنا. فئتان عامتان أعطها نفس الشكل الذي يحتوي عليه الجدول المدمج — pvt-dock-views على الشريط، pvt-dock-view على كل زر، active على الزر الحالي — لذا تبقى حبة المجموعة بجانب علامات التبويب الخاصة بالمرسى وتتبع السمة.

المعلمات ​

tab ​

DockTabHandle

المرتجعات ​

HTMLElement | HTMLElement[]