Select (enum)

অনুলিপি করতে ক্লিক করুন

বস্তুর গণনার ধরন নির্বাচন করতে উপাদান নির্বাচন করুন।


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

Data source - ড্রপডাউন বিকল্পগুলি দেখানোর জন্য ব্যবহার করা বস্তুর enum প্রকার।

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


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

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

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

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

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

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

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

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

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


ডেটা

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


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

  • onChange - যখন উপাদানের অবস্থা পরিবর্তন হয় তখন আগুন লাগে।
  • onFocus - যখন সিলেক্ট (enum) কম্পোনেন্ট ফোকাস করা হয় তখন ফায়ার হয়।
  • onBlur - যখন সিলেক্ট (enum) কম্পোনেন্ট ঝাপসা হয় তখন ফায়ার হয়।
  • onCreate - যখন উপাদান তৈরি হয় তখন আগুন লাগে।
  • onDestroy - উপাদানটি ধ্বংস হয়ে গেলে আগুন লাগে।

উপাদান কর্ম:

Select Enum Get Properties

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

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

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

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

  • Selected [enum / enum array] - নির্বাচিত বিকল্প(গুলি)। কম্পোনেন্ট আইডি শুধুমাত্র নির্দিষ্ট করা হলে ব্যবসায়িক প্রক্রিয়ায় দেখানো হবে।
  • 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] - ভ্যালিডেট ভ্যালুতে দেখানো বার্তা

Select Enum Get Properties

Select Enum Set Properties

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

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

  • Selected [enum/ enum array] - নির্বাচিত বিকল্প(গুলি)। Component ID শুধুমাত্র নির্দিষ্ট করা হলে ব্যবসায়িক প্রক্রিয়ায় দেখানো হবে।
  • Component Id [string] - উপাদানের শনাক্তকারী;
  • 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] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Select Enum Set Properties

Select Enum Update Properties

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

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

  • Selected [enum/ enum array] - নির্বাচিত বিকল্প(গুলি)। Component ID শুধুমাত্র নির্দিষ্ট করা হলে ব্যবসায়িক প্রক্রিয়ায় দেখানো হবে।
  • Component Id [string] - উপাদানের শনাক্তকারী;
  • 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] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Select Enum Update Properties


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

সিলেক্ট (এনাম) কম্পোনেন্টে পূর্বনির্বাচিত করার জন্য কিছু বিকল্প তৈরি করা সম্ভব।

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

  • ক্যানভাসে Select Enum Set Properties টেনে আনুন।

  • কনফিগার করার জন্য Selected সম্পত্তি দৃশ্যমান করতে Component ID সংজ্ঞায়িত করুন।

  • একবার Selected উপলব্ধ হলে, প্রয়োজন অনুসারে মানটি সংজ্ঞায়িত করুন।

  • এই যুক্তিটি কাজ করা উচিত যখন উপাদানটি তৈরি করা হয় ( onCreate )।