👨🏫 مدرس دوره : علیرضا شهریاری
⏱ مدت زمان دوره : 4:09:00
🎬 تعداد ویدئو : 9
✅ وضعیت دوره : تکمیل شده
📅 آخرین بروزرسانی : 1403/12/10
آموزش Custom JS در فرم‌ساز GraphBPMS
قابلیت Custom JS در سامانه GraphBPMS یکی از پیشرفته‌ترین ابزارهای توسعه در ماژول فرم‌ساز است که امکان سفارشی‌سازی کامل رفتار فرم‌ها با استفاده از JavaScript را فراهم می‌کند. با این قابلیت، طراحان و توسعه‌دهندگان می‌توانند منطق‌های خاص سازمانی، تعاملات پویا، و کنترل‌های هوشمند را بدون نیاز به تغییر در ساختار اصلی سیستم، به فرم‌های خود اضافه کنند.
در این دوره آموزشی، به‌صورت گام‌به‌گام با ساختار فایل‌های سفارشی، رویدادها، توابع، ViewModel، و نحوه ارتباط بین داده‌ها و رابط کاربری آشنا می‌شوید تا بتوانید فرم‌های پیشرفته و کاملاً داینامیک طراحی کنید.
با یادگیری Custom JS، به یکی از پیشرفته‌ترین کاربران GraphBPMS تبدیل می‌شوید و می‌توانید هر نوع فرم و منطق سازمانی را به‌صورت دقیق و کنترل‌شده در بستر BPMS پیاده‌سازی کنید.
این آموزش برای چه کسانی مناسب است؟
- توسعه‌دهندگان و کارشناسان IT که می‌خواهند فرم‌های سازمانی را هوشمند و داینامیک کنند.
- توسعه دهندگان GraphBPMS که نیاز به کنترل دقیق‌تر روی رفتار فیلدها و داده‌ها دارند.
- تیم‌های فنی سازمان‌ها که به دنبال افزایش انعطاف‌پذیری در گردش داده‌ها و تعامل کاربر هستند.
- کاربران پیشرفته ماژول فرم‌ساز که قصد دارند از امکانات حرفه‌ای‌تر سامانه استفاده کنند.
در پایان این آموزش می‌توانید:
- فایل‌های Custom JS را در استودیو فرم‌ساز ایجاد و به فرم‌ها متصل کنید.
- از توابع اصلی مانند onLoad، beforeSubmit، onSubmitSuccess و رویدادهای متعدد برای کنترل رفتار فرم استفاده کنید.
- با ساختار ViewModel و کتابخانه KnockoutJS آشنا شوید و داده‌ها را بین فرم و مدل به‌صورت Two-way Data Binding مدیریت کنید.
- با استفاده از خصوصیات data و fields به مقادیر و تنظیمات فیلدها دسترسی داشته باشید و آن‌ها را در لحظه تغییر دهید.
- از خصوصیات پیشرفته مانند events، formElement، getParam و resetForm برای کنترل کامل رفتار فرم بهره ببرید.
- رویدادهای تعاملی مانند onValueChanged، onFocusIn، onKeyUp و ده‌ها رویداد دیگر را مدیریت کنید.
- نمایش، وضعیت، اعتبار، Mask، Placeholder، و سایر ویژگی‌های فیلدها را به‌صورت داینامیک تغییر دهید.
- فیلدها را به‌صورت شرطی اجباری یا فقط‌خواندنی کنید و منطق‌های پیچیده اعتبارسنجی را با چند خط کد پیاده‌سازی کنید.
- معرفی تنظیمات سفارشی
- تنظیمات Javascript
- تنظیمات Css
- هدف از سفارشی سازی فرم ها (Custom Js)
- نحوه دسترسی به Custom فایل ها در استودیو فرم ساز
- دانلود فایل نمونه Custom Js
- کاستوم جی اس چیست؟
- تابع OnLoad
- تابع BeforeSubmit
- تابع OnSubmitSuccess
- تابع OnSubmitFailed
- تابع BeforeSubSubmit
- تابع OnSubSubmit
- تابع BeforeSubDelete
- تابع OnSubDelete
- تابع OnLoadSubForm
- تابع OnLoadEditSubForm
- تابع OnTabLoad
- تابع OnTabNext
- تابع OnTabPrevious
- تابع onButtonFieldClick
- رابط برنامه نویسی برای تغییر داده و شخصی سازی فرم
- معرفی کتابخانه Knockout
- توضیح مفهوم بایند کردن در کتابخانه knockout با استفاده از data-bind
- ویژگی Two way data binding
- تابع getViewModel
- خصوصیات viewModel
- توضیح observable
- نمایش data داخل viewModel
- توضیح Instance_
- توضیح Visibility_
- توضیح ReadOnly_
- خصوصیت events
- خصوصیت SubFormName_Record
- خصوصیت isAnonymous
- خصوصیت formIsReadonly
- خصوصیت getParam(ParamName)
- خصوصیت resetForm
- رویداد onFocusIn
- رویداد onFocusOut
- رویداد onUploadStarted
- رویداد onValueChanged
- رویداد onPaste
- رویداد onOptionChanged
- رویداد onKeyUp
- رویداد onEnterKey
- رویداد onInput
- رویداد onCut
- رویداد onCopy
- رویداد onChange
- دسترسی به مقادیر فیلدها
- ست کردن مقادیر فیلدها
- تنظیم نمایش و عدم نمایش فیلدها
- تنظیم وضعیت فقط خواندنی
- تنظیم وضعیت Disable
- تنظیم مقدار Placeholder
- تنظیم مقدار hint
- تنظیم مقدار کمینه و بیشینه فیلد عددی
- تنظیم راست/چپ چین
- تنظیم وضعیت اعتبار فیلد
- اجباری و غیراجباری کردن یک فیلد در Custom js
- تنظیم Mask
- دریافت پارامترهای ارسال شده به فرم