نظرة عامة

ما تغطيه طبقة التخطيط

تمثّل طبقة التخطيط في تطبيق Twenty كل ما يراه المستخدم: مكان ظهور التطبيق في الشريط الجانبي، العروض القائِمية التي يوفّرها، كيفية ترتيب صفحات تفاصيل السجل، وأي مكوّنات React مخصّصة يتم عرضها داخل تلك الصفحات.

   Sidebar               Record list            Record detail page
   ───────               ───────────            ──────────────────
   [📋 My View]    ────▶ ┌──────────┐          ┌─────────────────────┐
   [📋 Drafts ]          │ Companies│          │ Tabs: [Overview ]   │
   [📋 Inbox  ]          │ ──────── │          │       [Notes    ]   │
        ▲                │  Apple   │          │       [Hello    ]◀──── definePageLayoutTab
        │                │  Acme    │          │                     │   adds a tab...
        └ defineNavi-    │  …       │          │  ┌────────────────┐ │
          gationMenu-    └────▲─────┘          │  │                │ │
          Item points         │                │  │   React UI     │◀── …with a
          to a defineView     │                │  │  (sandboxed in │ │   defineFrontComponent
                              └ defineView     │  │   a Worker)    │ │   widget inside
                                picks columns  │  └────────────────┘ │
                                and filters    └─────────────────────┘

في هذا القسم

المشاهدات

defineView - إعدادات القائمة المحفوظة: الأعمدة المرئية، المرشحات، المجموعات.

عناصر قائمة التنقل

defineNavigationMenuItem - إدخالات الشريط الجانبي التي تشير إلى المشاهدات أو عناوين URL الخارجية.

تخطيط الصفحة

definePageLayout، definePageLayoutTab وdefinePageLayoutWidget - علامات التبويب والأشرطة في صفحة تفاصيل السجل.

المكونات الأمامية

`defineFrontComponent’ — مكونات React المختلطة التي تعمل داخل العشرين.

عناصر قائمة الأوامر

defineCommandMenuItem - تسجيل المكونات الأمامية كمدخلات Cmd+K والإجراءات السريعة.

أين يظهر التطبيق

موضع الظهور	ما الذي يتحكّم فيه	كيان
الشريط الجانبي	إدخال مخصّص يربط بعرض محفوظ أو عنوان URL خارجي	`defineNavigationMenuItem`
قائمة السجلات	تكوين محفوظ لكائن — الأعمدة الظاهرة، والترتيب، وعوامل التصفية، والمجموعات	`defineView`
صفحة تفاصيل السجل	علامات التبويب والويدجتات في صفحة السجل (لكائنك الخاص أو لكائن قياسي)	`definePageLayout`، `definePageLayoutTab`، `definePageLayoutWidget`
داخل أي مما سبق	ويدجت React مخصّص — أزرار، نماذج، لوحات بيانات، تكاملات	`defineFrontComponent`
إعدادات التطبيق	إدخال في قائمة إعدادات التطبيق؛ عرّف العدد الذي تحتاج إليه	`defineSettingsMenuItem`
قائمة الأوامر (Cmd+K)	إجراء سريع مُثبّت أو أمر مخفي	`defineCommandMenuItem`

تعمل مكوّنات الواجهة الأمامية داخل Web Worker معزول باستخدام Remote DOM — يتم عرضها بشكل أصيل داخل الصفحة (وليس داخل iframe)، لكنها لا تستطيع الوصول مباشرةً إلى صفحة المضيف أو إلى DOM. يحدث التواصل مع Twenty من خلال واجهة API للمضيف تعتمد تمرير الرسائل. لا تزال قيد التطوير النشط: يطبّق الـ sandbox شجرة DOM جزئية، لذلك قد تفشل حالات الاستخدام المتقدمة. راجع القيود الحالية.

المطورون

التطبيقات

واجهة برمجة التطبيقات

الاستضافة الذاتية

المساهمة

مكتبة واجهة المستخدم

ما تغطيه طبقة التخطيط

في هذا القسم

أين يظهر التطبيق

​ما تغطيه طبقة التخطيط

​في هذا القسم

​أين يظهر التطبيق

ما تغطيه طبقة التخطيط

في هذا القسم

أين يظهر التطبيق