Select

कॉपी करने के लिए क्लिक करें

पूर्वनिर्धारित विकल्पों का चयन करने के लिए घटक का चयन करें।


प्रारंभिक सेटिंग्स

Mode - ड्रॉपडाउन से कई विकल्पों का चयन करने में सक्षम होने के लिए एकाधिक चुनें। अन्यथा, सिंगल मोड का उपयोग किया जाना चाहिए।


देखो और महसूस करो सेटिंग्स

घटक के लेबल को दिखाने के लिए उपयोग किया जाने वाला Label (मैंटरी नहीं)।

Placeholder (अनिवार्य नहीं) का उपयोग घटक के प्लेसहोल्डर को दिखाने के लिए किया जाना है।

Name (अनिवार्य) - घटक का नाम।

Size (अनिवार्य) - घटक का आकार। जब घटक बनाया जाता है तो डिफ़ॉल्ट पर सेट होता है।

Search (अनिवार्य) - उपलब्ध ड्रॉपडाउन विकल्पों में खोज करने में सक्षम होने के लिए। डिफ़ॉल्ट रूप से बंद है।

Clear icon (अनिवार्य) - सक्षम होने पर स्पष्ट विकल्प आइकन दिखाता है। डिफ़ॉल्ट रूप से बंद है।

Disabled (अनिवार्य) - चालू होने पर घटक को अक्षम कर देता है। डिफ़ॉल्ट रूप से बंद है।

Visible (अनिवार्य) - चालू होने पर घटक को दृश्यमान बनाता है। डिफ़ॉल्ट रूप से सक्षम।


विकल्प

घटक सेटिंग्स में विकल्प का चयन पूर्वनिर्धारित किया जा सकता है।


कार्यप्रवाह ट्रिगर

  • onChange - ड्रॉपडाउन विकल्प बदलने पर आग लगती है।
  • onFocus - जब चयन घटक पर ध्यान केंद्रित किया जा रहा हो तो आग लगती है।
  • onBlur - चयन घटक धुंधला होने पर आग लगती है।
  • onCreate - जब घटक बनाया जाता है तो आग लगती है।
  • onDestroy - घटक दिखाए जाने पर आग लगती है।

घटक क्रिया

Select Get Properties

घटक के गुण प्राप्त करता है।

इनपुट पैरामीटर:

  • Component Id [string] - घटक के पहचानकर्ता का चयन करें;

आउटपुट पैरामीटर:

  • Label [string] - घटक का लेबल;
  • Placeholder [string] - घटक का प्लेसहोल्डर;
  • Allow Clear [boolean] - सही होने पर चयन को साफ़ करने की अनुमति देता है;
  • Disable [boolean - यदि सत्य है तो घटक को निष्क्रिय कर देता है;
  • Tooltip [string] - टूलटिप स्ट्रिंग;
  • Required Mark [boolean] - सही होने पर आवश्यक चिह्न दिखाता है;
  • Debounce (ms) [integer] - मान को मान्य करने में देरी;
  • Options [Select Option array] - पूर्वनिर्धारित चयन विकल्पों की एक सरणी;
  • Selected [Select Option array] - चयनित विकल्पों की एक सरणी या एकल मोड के मामले में एकल तत्व के साथ केवल एक सरणी;
  • Validate Icon [boolean] - मान को मान्य करने पर दिखाया जाने वाला चिह्न;
  • वैलिडेट Validate Status [Status type] - वैलिडेट वैल्यू पर स्टेटस दिखाया जाना है;
  • Validate Message [string] - मान को मान्य करने पर दिखाया जाने वाला संदेश;

Select Get Properties

Select Set Properties

घटक के गुण सेट करता है।

इनपुट पैरामीटर:

  • Component Id [string] - घटक के पहचानकर्ता का चयन करें;
  • Label [string] - घटक का लेबल;
  • Placeholder [string] - घटक का प्लेसहोल्डर;
  • Allow Clear [boolean] - सही होने पर चयन को साफ़ करने की अनुमति देता है;
  • Disable [boolean] - यदि सत्य है तो घटक को निष्क्रिय कर देता है;
  • Tooltip [string] - टूलटिप स्ट्रिंग;
  • Required Mark [boolean] - सही होने पर आवश्यक चिह्न दिखाता है;
  • Debounce (ms ) [integer] - मान को मान्य करने में देरी;
  • Options [Select Option array] - पूर्वनिर्धारित चयन विकल्पों की एक सरणी;
  • Validate Icon [boolean] - मान को मान्य करने पर दिखाया जाने वाला चिह्न;
  • वैलिडेट Validate Status [Status type] - वैलिडेट वैल्यू पर स्टेटस दिखाया जाना है;
  • Validate Message [string] - मान को मान्य करने पर दिखाया जाने वाला संदेश;

Select Set Properties

अद्यतन गुण चुनें

घटक के गुणों को अद्यतन करता है।

इनपुट पैरामीटर:

  • Component Id [string] - घटक के पहचानकर्ता का चयन करें;
  • Label [string] - घटक का लेबल;
  • Placeholder [string] - घटक का प्लेसहोल्डर;
  • Allow Clear [boolean] - सही होने पर चयन को साफ़ करने की अनुमति देता है;
  • Disable [boolean] - यदि सत्य है तो घटक को निष्क्रिय कर देता है;
  • Tooltip [string] - टूलटिप स्ट्रिंग;
  • Required Mark [boolean] - सही होने पर आवश्यक चिह्न दिखाता है;
  • Debounce (ms ) [integer] - मान को मान्य करने में देरी;
  • Options [Select Option array] - पूर्वनिर्धारित चयन विकल्पों की एक सरणी;
  • Validate Icon [boolean] - मान को मान्य करने पर दिखाया जाने वाला चिह्न;
  • वैलिडेट Validate Status [Status type] - वैलिडेट वैल्यू पर स्टेटस दिखाया जाना है;
  • Validate Message [string] - मान को मान्य करने पर दिखाया जाने वाला संदेश;

Select Update Properties

Make Select Option

दिए गए फ़ील्ड के साथ विकल्प मॉडल चुनें।

इनपुट पैरामीटर:

  • ID [integer] - विकल्प आईडी चुनें;
  • Label [string] - विकल्प के लेबल का चयन करें;
  • Value [integer] - ड्रॉपडाउन सूची में विकल्प के आदेश मूल्य का चयन करें;
  • Icon [string] - सिलेक्ट ऑप्शन आइटम में इस्तेमाल होने वाला आइकॉन;
  • Disabled [boolean] - सही होने पर चयन विकल्प को अक्षम करता है;

आउटपुट पैरामीटर:

  • Select Option [Select Option] - विकल्प मॉडल चुनें;

Make Select Option

Expand Select Option

चयन विकल्प मॉडल का विस्तार करता है।

इनपुट पैरामीटर:

  • Select Option [Select Option] - विकल्प मॉडल चुनें;

आउटपुट पैरामीटर:

  • ID [integer] - विकल्प आईडी चुनें;
  • Label [string] - विकल्प के लेबल का चयन करें;
  • Value [integer] - ड्रॉपडाउन सूची में विकल्प के आदेश मूल्य का चयन करें;
  • Icon [string] - सिलेक्ट ऑप्शन आइटम में इस्तेमाल होने वाला आइकॉन;
  • Disabled [boolean] - सही होने पर चयन विकल्प को अक्षम करता है;

Expand Select Option


उपयोग उदाहरण

फ्रंटएंड व्यावसायिक प्रक्रियाओं के माध्यम से ड्रॉपडाउन सूची में नए चयन विकल्प आइटम बनाना और जोड़ना संभव है।

तर्क निम्नलिखित होना चाहिए:

  • निर्दिष्ट फ़ील्ड के साथ एक नया चयन विकल्प आइटम लिखें ( Make Select Option )

  • मौजूदा Select Option आइटम सरणी Select Get Properties का चयन करें) और इसे पहले बनाए गए चयन विकल्प आइटम के साथ मर्ज करें ( Append Array )

  • निर्दिष्ट घटक का चयन करें के लिए अद्यतन विकल्प आइटम सरणी का Select Update Properties का चयन करें)