#إنشاء FlowModel

#كعقدة جذرية

#بناء نسخة من FlowModel

قم ببناء نسخة محليًا

const model = engine.buildModel({
  uid: 'unique1',
  use: 'HelloModel',
});

#حفظ FlowModel

عندما تحتاج النسخة التي تم بناؤها إلى الحفظ الدائم، يمكنك حفظها باستخدام دالة save.

await model.save();

#تحميل FlowModel من مستودع بعيد

يمكن تحميل نموذج تم حفظه مسبقًا باستخدام دالة loadModel. ستقوم هذه الدالة بتحميل شجرة النموذج بأكملها (بما في ذلك العقد الفرعية):

await engine.loadModel(uid);

#تحميل أو إنشاء FlowModel

إذا كان النموذج موجودًا، فسيتم تحميله؛ وإلا، فسيتم إنشاؤه وحفظه.

await engine.loadOrCreateModel({
  uid: 'unique1',
  use: 'HelloModel',
});

#عرض FlowModel

const model = engine.buildModel({
  uid: 'unique1',
  use: 'HelloModel',
});
const model = await engine.loadModel(uid);
const model = await engine.loadOrCreateModel(options);

<FlowModelRenderer model={model} />

#كعقدة فرعية

عندما تحتاج إلى إدارة خصائص وسلوكيات مكونات فرعية أو وحدات متعددة داخل نموذج، ستحتاج إلى استخدام SubModel، وذلك في سيناريوهات مثل التخطيطات المتداخلة (nested layouts) أو العرض الشرطي (conditional rendering) وغيرها.

#إنشاء SubModel

يوصى باستخدام <AddSubModelButton />

يمكنها التعامل تلقائيًا مع مسائل مثل إضافة النماذج الفرعية (Child Models) وربطها وتخزينها. لمزيد من التفاصيل، راجع تعليمات استخدام AddSubModelButton.

#عرض SubModel

model.mapSubModels('subKey', (subModel) => {
  return <FlowModelRenderer model={subModel} />;
});

#كـ ForkModel

تُستخدم Fork عادةً في السيناريوهات التي تتطلب عرض نفس قالب النموذج في عدة مواقع (ولكن بحالات مستقلة)، مثل كل صف في جدول.

#إنشاء ForkModel

const fork1 = model.createFork('key1', {});
const fork2 = model.createFork('key2', {});

#عرض ForkModel

<FlowModelRenderer model={fork1} />
<FlowModelRenderer model={fork2} />