Relselect

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

डेटा मॉडल से मान चुनने के लिए घटक चुनें.


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

Data source - डेटा मॉडल जिसका उपयोग ड्रॉपडाउन विकल्पों को दिखाने के लिए किया जाना है।

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


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

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

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

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

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

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

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

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

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


जानकारी

Data source - डेटा मॉडल उपयोग में है। केवल घटक के निर्माण पर विन्यास योग्य।

Label - डेटा मॉडल फ़ील्ड को एक ड्रॉपडाउन विकल्प में दिखाया जाना है।


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

  • onChange - ड्रॉपडाउन विकल्प बदलने पर आग लगती है।
  • onFocus - जब Resselect घटक पर ध्यान केंद्रित किया जा रहा हो तो आग लगती है।
  • onBlur - जब Resselect घटक धुंधला हो जाता है तो आग लग जाती है।
  • 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 Get Properties

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 Set Properties

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] - वैलिडेट वैल्यू पर दिखाया जाने वाला मैसेज।

RelSelect Get Properties


उपयोग उदाहरण

उन्हें देखने के लिए सर्वर से ड्रॉपडाउन विकल्पों को डाउनलोड करना आवश्यक है।

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

RelSelect घटक के निर्माण ( onCreate ) पर डेटा मॉडल ऐरे ( सर्वर अनुरोध GET ) प्राप्त करें।

2. ड्रॉपडाउन डेटा अपडेट करें ( RelSelect Update Properties )