Table

انقر للنسخ

عنصر لعرض السجلات من قاعدة البيانات


الإعداد الأولي:

Model - نموذج البيانات للجدول.
Endpoint - مصدر بيانات الجدول.

table config


إعدادات الشكل والمظهر:

Title (غير إلزامي) - عنوان الجدول.

Width (إلزامي) - عرض الجدول.

Style (إلزامي) - حجم صف الجدول.

Pagination (إلزامي) - تشغيل وإيقاف ترقيم الصفحات. يتم تشغيله بشكل افتراضي.

Page size (غير إلزامي) - عدد الصفوف في كل صفحة.

Border (إلزامي) - حدود الجدول.

Name (إلزامي) - اسم الجدول.

Visible (إلزامي) - يجعل الجدول مرئيًا إذا تم تشغيله. يتم التمكين افتراضيًا.

Table


بيانات:

في هذا القسم يمكنك إدارة أعمدة الجدول.

Table Data Settings


مشغلات سير العمل:

  • onCreate - يتم إطلاقه عند إنشاء المكون على الصفحة ؛
  • onShow - يتم إطلاقه عندما يغير المكون حالته إلى مرئي (معروض على الصفحة) ؛
  • onHide - يتم إطلاقه عندما يغير المكون حالته إلى مخفي (يتوقف العرض) ؛
  • onDestroy - حرائق عند تدمير المكون ؛
  • onDataUpdate - يتم إطلاقه بواسطة كتلة بيانات تحديث الجدول ؛
  • onRowClick - حرائق بالنقر فوق صف ؛
  • onRowDoubleClick - حرائق بالنقر المزدوج على صف ؛
  • onFilter - يتم إطلاقه عند ترقيم الجدول ؛

إجراءات المكونات:

Table Get properties

يحصل على خصائص الجدول.

معلمات الإدخال :

  • معرف المكون [سلسلة] - معرف مكون الجدول.

معلمات الإخراج :

  • Title [string] - عنوان الجدول؛
  • Style [enum] - نمط الجدول ؛
  • Pagination [boolean] - حالة ترقيم الصفحات ؛
  • Bordered [boolean] - حالة الحدود ؛
  • Visible [boolean] - حالة مرئية ؛
  • Loading [boolean] - حالة التحميل ؛
  • Current page [integer] - صفحة الجدول الحالية ؛
  • Records per page [integer] - عدد السجلات لكل صفحة جدول ؛
  • Total records [integer] - إجمالي عدد السجلات في الجدول.

Table Get Properties

Table Set Properties

يضبط خصائص الجدول.

معلمات الإدخال :

  • Component Id [string] - معرف مكون الجدول ؛
  • Title [string] - عنوان الجدول؛
  • Style [enum] - نمط الجدول ؛
  • Pagination [boolean] - حالة ترقيم الصفحات ؛
  • Bordered [boolean] - حالة الحدود ؛
  • Visible [boolean] - حالة مرئية ؛
  • Loading [boolean] - حالة التحميل ؛
  • Current page [integer] - صفحة الجدول الحالية ؛
  • Records per page [integer] - عدد السجلات لكل صفحة جدول ؛
  • Total records [integer] - إجمالي عدد السجلات في الجدول.

Table Set Properties


Table Update Properties

قم بتحديث خصائص الجدول.

معلمات الإدخال :

  • Component Id [string] - معرف مكون الجدول ؛
  • Title [string] - عنوان الجدول؛
  • Style [enum] - نمط الجدول ؛
  • Pagination [boolean] - حالة ترقيم الصفحات ؛
  • Bordered [boolean] - حالة الحدود ؛
  • Visible [boolean] - حالة مرئية ؛
  • Loading [boolean] - حالة التحميل ؛
  • Current page [integer] - صفحة الجدول الحالية ؛
  • Records per page [integer] - عدد السجلات لكل صفحة جدول ؛
  • Total records [integer] - إجمالي عدد السجلات في الجدول.


Table Update Properties

Table Get Data

يحصل على بيانات الجدول

معلمات الإدخال :

  • Component Id [string] - معرف مكون الجدول.

معلمات الإخراج :

  • Records [integer] - عدد السجلات في الجدول ؛
  • Data [model] - بيانات من الجدول. ليتم عرضها في عملية الأعمال عند تحديد معرف المكون فقط ؛


Table Get Data

Table Update Data

تحديث بيانات الجدول

معلمات الإدخال :

  • Data [model] - بيانات من الجدول. ليتم عرضها في عملية الأعمال عند تحديد معرف المكون فقط ؛
  • Component Id [string] - معرف مكون الجدول.
  • Total Records [integer] - عدد السجلات في الجدول.
  • _limit [integer] - أقصى عدد ممكن من الإدخالات في الجدول ؛
  • _offset [integer] - إزاحة السجل الحالي بالنسبة للسجل الأول.

Table Update Data

Table Clear Data

مسح بيانات الجدول

معلمات الإدخال :

  • Component Id [string] - معرف مكون الجدول.

Table Clear Data


مثال على الاستخدام:

Getting data for a table

Advanced table design