واجهة: ExtraPanel
محدد في: interfaces/GraphUI.ts:993
لوحة إضافية في الشريط الجانبي لواجهة مستخدم الرسم البياني.
يمكن أن يكون كل من title و render:
- سلسلة أو
HTMLElementللمحتوى الثابت، أو - دالة التحديد الحالي (a
Node،Edge، مصفوفة من أي منهما للاختيار المتعدد، أوnullعند عدم تحديد أي شيء) — يتم إعادة استدعائه في يتغير كل تحديد ما لم يكن ExtraPanel.reactive هوfalse.
أعلن عن اللوحات مقدمًا عبر UI.extraPanels، أو قم بتسجيلها في أي وقت حياة الرسم البياني باستخدام graph.UIManager.addPanel() (الذي يُرجع المتخلص).
مثال
{
id: 'description',
title: 'Description',
render: (element): HTMLElement => {
const node = element instanceof Node ? element : null
const div = document.createElement('div')
div.textContent = node?.getData().description ?? 'Empty node description'
return div
},
}ممتدة بواسطة
خصائص
alwaysVisible?
optionalalwaysVisible:boolean
محدد في: interfaces/GraphUI.ts:1011
يجب أن تكون اللوحة مرئية دائمًا
الافتراضي
falseid?
optionalid:string
محدد في: interfaces/GraphUI.ts:998
معرف ثابت، يستخدم لمعالجة اللوحة في removePanel / refreshPanel. يتم إنشاؤها تلقائيًا عند حذفها.
order?
optionalorder:number
محدد في: interfaces/GraphUI.ts:1018
عرض الترتيب في الشريط الجانبي، تصاعديًا. مشاركة اللوحات order الاحتفاظ بها أمر التسجيل الخاص بهم، لذلك يقرأ UI.extraPanels من الأعلى إلى الأسفل و يتم إلحاق لوحات وقت التشغيل بعدها.
الافتراضي
0reactive?
optionalreactive:boolean
محدد في: interfaces/GraphUI.ts:1026
أعد حل title و render كلما تغير التحديد. تعيين false للوحة غالية البناء ولا تصف التحديد: يتم عرضه مرة واحدة فقط، وفقط refreshPanel() يعيد بناءه.
الافتراضي
truerender
render:
ExtraPanelContent
محدد في: interfaces/GraphUI.ts:1006
يتم عرض string كنص عادي؛ قم بتمرير HTMLElement لعرض HTML.
title?
optionaltitle:ExtraPanelContent
محدد في: interfaces/GraphUI.ts:1004
صف رأس اللوحة. يتم عرض string كنص عادي؛ تمرير HTMLElement لتقديم HTML. احذفها (أو حلها فارغة) للوحة مع عدم وجود رأس على الإطلاق.