logologo
البدء
الدليل
التطوير
الإضافات
API
الرئيسية
English
简体中文
日本語
한국어
Español
Português
Deutsch
Français
Русский
Italiano
Türkçe
Українська
Tiếng Việt
Bahasa Indonesia
ไทย
Polski
Nederlands
Čeština
العربية
עברית
हिन्दी
Svenska
البدء
الدليل
التطوير
الإضافات
API
الرئيسية
logologo
نظرة عامة

كتلة

نظرة عامة

كتلة البيانات

جدول
نموذج
تفاصيل
قائمة
بطاقة شبكية
مخطط بياني

كتلة التصفية

نموذج

كتل أخرى

لوحة العمليات
إطار مضمن (Iframe)
ماركداون (Markdown)
كتلة JS

عناصر إعدادات الكتلة

نطاق البيانات
طريقة تحميل البيانات
تخطيط
قواعد ربط الكتل
قواعد ربط الحقول
قواعد الترتيب
ترتيب بالسحب والإفلات
حذف الكتلة
عنوان الكتلة
ارتفاع الكتلة
مسودة النموذج

حقل

نظرة عامة

عناصر التكوين العامة

حقل الجدول
حقول التفاصيل
حقول نموذج التصفية
حقل النموذج

عناصر تكوين خاصة

التاريخ
مدير الملفات
نموذج فرعي
محدد القائمة المنسدلة
محدد البيانات
محدد متتالي
جدول فرعي (تحرير سطري)
جدول فرعي (تحرير منبثق)
تفاصيل فرعية
العنوان
حقل JS
عنصر JS
عمود JS

عناصر تكوين الحقل

القيمة الافتراضية
تسمية الحقل
تسمية العرض
معلومات تلميح الحقل
نطاق البيانات
مكون الحقل
تنسيق الأرقام
وضع
مطلوب
حقل العنوان
قواعد التحقق
مكون حقل العلاقة

عملية

نظرة عامة

عناصر تكوين العمليات

زر التحرير
تأكيد ثانوي
تعيين قيمة الحقل
ربط سير العمل
نافذة تحرير منبثقة
قواعد ربط العمليات

نوع العملية

إضافة جديد
عرض
حذف
تحرير
نسخ
استيراد
استيراد برو
تصدير
تصدير برو
تصدير المرفقات
تصفية
رابط
فتح نافذة منبثقة
تحديث
تقديم البيانات
تشغيل سير العمل
تحديث السجلات
تحديث جماعي
تحرير جماعي
إضافة سجل فرعي
إجراء JS
صلاحيات العمليات

متقدم

قواعد الارتباط
تدفق الأحداث
متغير
تشغيل JS
قالب واجهة المستخدم
Previous Pageمتغير
Next Pageقالب واجهة المستخدم
إشعار الترجمة بالذكاء الاصطناعي

تمت ترجمة هذه الوثائق تلقائيًا بواسطة الذكاء الاصطناعي.

#كتابة وتشغيل JS عبر الإنترنت

في NocoBase، توفر RunJS طريقة خفيفة الوزن للتوسع، وهي مناسبة لسيناريوهات التجريب السريع ومعالجة المنطق المؤقت. فمن خلالها، يمكنك تخصيص الواجهات أو التفاعلات باستخدام JavaScript، دون الحاجة إلى إنشاء إضافات أو تعديل الكود المصدري.

من خلالها، يمكنك إدخال كود JS مباشرة في مصمم الواجهة لتحقيق ما يلي:

  • تخصيص محتوى العرض (الحقول، الكتل، الأعمدة، العناصر، إلخ.)
  • تخصيص منطق التفاعل (نقرات الأزرار، ربط الأحداث)
  • سلوك ديناميكي بالاقتران مع بيانات السياق

#السيناريوهات المدعومة

#كتلة JS

من خلال تخصيص عرض الكتل باستخدام JS، يمكنك التحكم بشكل كامل في بنية الكتلة وأنماطها. وهي مناسبة لعرض المكونات المخصصة، والرسوم البيانية الإحصائية، والمحتوى من جهات خارجية، وغيرها من السيناريوهات المرنة للغاية.

20250916105031

الوثائق: كتلة JS

#إجراء JS

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

20250916105123

الوثائق: إجراء JS

#حقل JS

تخصيص منطق عرض الحقول باستخدام JS. يمكنك عرض أنماط أو محتويات أو حالات مختلفة ديناميكيًا بناءً على قيم الحقول.

20250916105354

الوثائق: حقل JS

#عنصر JS

عرض عناصر مستقلة باستخدام JS دون ربطها بحقول محددة. يُستخدم عادةً لعرض كتل المعلومات المخصصة.

20250916104848

الوثائق: عنصر JS

#عمود جدول JS

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

20250916105443

الوثائق: عمود جدول JS

#قواعد الربط

التحكم في منطق الربط بين الحقول في النماذج أو الصفحات باستخدام JS. على سبيل المثال: عند تغيير حقل واحد، يتم تعديل قيمة أو رؤية حقل آخر ديناميكيًا.

20251029114532

الوثائق: قواعد الربط

#تدفق الأحداث

تخصيص شروط تشغيل تدفق الأحداث ومنطق التنفيذ باستخدام JS لبناء سلاسل تفاعل واجهة أمامية أكثر تعقيدًا.

الوثائق: تدفق الأحداث