Relselect

প্রাথমিক সেটিংস

Data source - ড্রপডাউন বিকল্পগুলি দেখানোর জন্য ডেটা মডেল ব্যবহার করা হবে৷

Mode - ড্রপডাউন থেকে একাধিক বিকল্প নির্বাচন করতে সক্ষম হওয়ার জন্য Multiple নির্বাচন করুন। অন্যথায়, Single মোড ব্যবহার করা উচিত।

দেখুন এবং অনুভব করুন সেটিংস

কম্পোনেন্টের লেবেল দেখানোর জন্য Label (অবশ্যক নয়) ব্যবহার করা হবে।

Placeholder (বাধ্যতামূলক নয়) উপাদানটির স্থানধারক দেখানোর জন্য ব্যবহার করা হবে।

Name (বাধ্যতামূলক) - উপাদানের নাম।

Size (বাধ্যতামূলক) - উপাদানের আকার। কম্পোনেন্ট তৈরি হলে ডিফল্টে সেট করা হয়।

Search (বাধ্যতামূলক) - উপলব্ধ ড্রপডাউন বিকল্পগুলির মধ্যে অনুসন্ধান করতে সক্ষম হতে। ডিফল্টরূপে বন্ধ করা হয়.

Clear icon (আবশ্যিক) - সক্রিয় থাকলে পরিষ্কার বিকল্প আইকন দেখায়। ডিফল্টরূপে বন্ধ করা হয়.

Disabled (আবশ্যিক) - চালু থাকলে উপাদানটিকে অক্ষম করে তোলে। ডিফল্টরূপে বন্ধ করা হয়.

Visible (বাধ্যতামূলক) - চালু থাকলে উপাদানটিকে দৃশ্যমান করে তোলে। ডিফল্টরূপে সক্রিয়.

ডেটা

Data source - ডেটা মডেল ব্যবহার করা হচ্ছে৷ শুধুমাত্র উপাদান তৈরির উপর কনফিগারযোগ্য।

Label - ডেটা মডেল ক্ষেত্রগুলি একটি একক ড্রপডাউন বিকল্পে দেখানো হবে৷

ওয়ার্কফ্লো ট্রিগার

• onChange - ড্রপডাউন বিকল্প পরিবর্তিত হলে আগুন লাগে।
• onFocus - পুনঃনির্বাচন উপাদান ফোকাস করা হলে আগুন লাগে।
• onBlur - পুনঃনির্বাচন উপাদানটি অস্পষ্ট হলে ফায়ার হয়।
• onCreate - যখন উপাদান তৈরি হয় তখন আগুন লাগে।
• onShow - যখন উপাদানটি দেখানো হয় তখন আগুন লাগে।
• onHide - যখন উপাদানটি লুকানো থাকে তখন আগুন লাগে।
• onSearch - যখন ব্যবহারকারী উপলব্ধ বিকল্পগুলির সাথে অনুসন্ধান করে তখন আগুন লাগে৷
• onOpen - ড্রপডাউনে আগুন।
• onLoadAll - যখন সমস্ত ড্রপডাউন বিকল্প ডাউনলোড করা হয় তখন আগুন লাগে৷

কম্পোনেন্ট অ্যাকশন

RelSelect Get Properties

উপাদান এর বৈশিষ্ট্য পায়.

ইনপুট পরামিতি:

• Component Id [string] - কম্পোনেন্টের আইডেন্টিফায়ার পুনরায় নির্বাচন করুন;

আউটপুট পরামিতি:

• Selected [Data Model type/ Data Model Array type] - নির্বাচিত বিকল্প(গুলি)। কম্পোনেন্ট আইডি শুধুমাত্র নির্দিষ্ট করা হলে ব্যবসায়িক প্রক্রিয়ায় দেখানো হবে।
• Data [Data Model Array type] - ব্যবহার করা ডেটা মডেল উপাদানগুলির অ্যারে। কম্পোনেন্ট আইডি শুধুমাত্র নির্দিষ্ট করা হলে ব্যবসায়িক প্রক্রিয়ায় উপলব্ধ।
• Label [string] - উপাদানের লেবেল;
• Placeholder [string] - উপাদানের স্থানধারক;
• Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
• Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
• Tooltip [string] - টুলটিপ স্ট্রিং;
• Required Mark [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
• Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
• ভ্যালিডেট Validate Icon [boolean ] - আইকনটি ভ্যালিডেট ভ্যালিডেতে দেখানো হবে;
• ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
• ভ্যালিডেট Validate Message [string] - ভ্যালিডেট ভ্যালুতে দেখানো বার্তা।

RelSelect Set Properties

কম্পোনেন্টের বৈশিষ্ট্য সেট করে।

ইনপুট পরামিতি:

• Component Id [string] - RelSelect আইডেন্টিফায়ার পুনরায় নির্বাচন করুন;
• Label [string] - উপাদানের লেবেল;
• Placeholder [string] - উপাদানের স্থানধারক;
• Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
• Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
• Tooltip [string] - টুলটিপ স্ট্রিং;
• Required Mark [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
• Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
• ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
• ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
• ভ্যালিডেট Validate Message [string] - ভ্যালিডেট ভ্যালুতে দেখানো বার্তা।

RelSelect Update Properties

কম্পোনেন্টের বৈশিষ্ট্য আপডেট করে।

ইনপুট পরামিতি:

• Selected [Data Model type/ Data Model Array type] - নির্বাচিত বিকল্প(গুলি)। Component ID শুধুমাত্র নির্দিষ্ট করা হলে ব্যবসায়িক প্রক্রিয়ায় দেখানো হবে।
• Data [Data Model Array type] - ব্যবহার করা ডেটা মডেল উপাদানগুলির অ্যারে। Component ID শুধুমাত্র নির্দিষ্ট করা হলে ব্যবসায়িক প্রক্রিয়ায় উপলব্ধ।
• Component Id [string] - RelSelect আইডেন্টিফায়ার পুনরায় নির্বাচন করুন;
• Label [string] - উপাদানের লেবেল;
• Placeholder [string] - উপাদানের স্থানধারক;
• Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
• Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
• Tooltip [string] - টুলটিপ স্ট্রিং;
• Required Mark [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
• Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
• ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
• ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
• ভ্যালিডেট Validate Message [string] - ভ্যালিডেট ভ্যালুতে দেখানো বার্তা।

ব্যবহারের উদাহরণ

সেগুলি দেখার জন্য সার্ভার থেকে ড্রপডাউন বিকল্পগুলি ডাউনলোড করতে হবে৷

যুক্তি নিম্নলিখিত হওয়া উচিত:

1. RelSelect কম্পোনেন্ট তৈরিতে ( onCreate ) ডেটা মডেল অ্যারে ( সার্ভার অনুরোধ GET ) পান।

2. ড্রপডাউন ডেটা আপডেট করুন ( RelSelect Update Properties করুন )