कैनवास ऐप में सूची बॉक्स, ड्रॉप-डाउन सूची, कॉम्बो बॉक्स या रेडियो बटन जोड़ें

एक कैनवास अनुप्रयोग में डेटा का एक एकल-कॉलम (उदाहरण के लिए, एक बहु-कॉलम तालिका से) दिखाएं ताकि उपयोगकर्ता किसी सूची में एक या इससे अधिक मदों को चुन सके.

• उपयोगकर्ताओं को एक से अधिक विकल्प चुनने की अनुमति देने हेतु एक सूची बॉक्स जोड़ें.
• स्क्रीन पर कम जगह लेने के लिए ड्रॉप-डाउन सूची या कॉम्बो बॉक्स जोड़ें.
• किसी विशिष्ट डिज़ाइन प्रभाव के लिए रेडियो बटन का एक सेट जोड़ें.

यह विषय, सूचियों के बॉक्स और रेडियो बटन पर केंद्रित है, किंतु वही सिद्धांत ड्रॉप-डाउन सूचियों पर लागू होते हैं.

ज़रूरी शर्तें

1. एक खाली कैनवास ऐप बनाएं.
2. सीखें कैसे कंट्रोल को जोड़ें और कॉन्फ़िगर करें.

एक साधारण सूची बनाएँ

1. MyListBox नाम का एक सूची बॉक्स जोड़ें, और इसके आइटम गुण को इस व्यंजक में सेट करें:

   ["circle","triangle","rectangle"]
   

   आपका डिज़ाइनर इसके जैसा दिखना चाहिए:

   

2. सम्मिलित करें टैब पर, चिह्न चुनें, वृत्त को चुनें और इसे MyListBox के नीचे ले जाएं:

   

3. एक त्रिकोण और एक आयत जोड़ें, और फिर आकृतियों को MyListBox के नीचे एक पंक्ति में व्यवस्थित करें:

   

4. निम्नलिखित आकृतियों के दृश्यमान गुण को निम्नलिखित फ़ंक्शन के लिए सेट करें:

   आकृति	दृश्यमान फ़ंक्शन को इसमें सेट करें
   वृत	If("circle" in MyListBox.SelectedItems.Value, true)
   त्रिकोण	If("triangle" in MyListBox.SelectedItems.Value, true)
   आयत	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. Alt कुंजी को दबाए रखे हुए, MyListBox में एक या अधिक आकृतियों का चयन करें.

   केवल आपके द्वारा चयनित आकार दिखाई देता या देते हैं.

इन चरणों में, अपने आइटम की सूची बनाने हेतु आपने एक व्यंजक का उपयोग किया. आप इसे अपने व्यवसाय के भीतर अन्य तत्वों पर लागू कर सकते हैं. उदाहरण के लिए, आप उत्पाद की छवियों, उत्पाद के विवरणों आदि को प्रदर्शित करने हेतु ड्रॉप डाउन नियंत्रण का उपयोग कर सकते हैं.

रेडियो बटन जोड़ें

1. होम टैब पर, नया स्क्रीन चुनें, और फिर रिक्त चुनें.

2. सम्मिलित करें टैब पर, नियंत्रण चुनें, और फिर रेडियो चुनें.

   

3. रेडियो नियंत्रण को विकल्प नाम से बदलें, और इसके आइटम गुण को इस सूत्र पर सेट करें:
   ["red","green","blue"]
   

   

   यदि आवश्यक हो, तो सभी विकल्पों को दिखाने हेतु नियंत्रण का आकार बदलें.

4. सम्मिलित करें टैब पर, चिह्न चुनें, और फिर वृत्त को चुनें.

5. वृत्त के भरें गुण को निम्नलिखित फ़ंक्शन से सेट करें:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   इस सूत्र में, वृत का रंग आपके द्वारा चयनित रेडियो बटन के आधार पर बदलता है.

6. रेडियो नियंत्रण के नीचे वृत्त को ले जाएं, जैसा कि इस उदाहरण में दिया गया है:

   

7. Alt कुंजी को दबाए रखे हुए, वृत्त का रंग बदलने हेतु एक भिन्न रेडियो बटन चुनें.

एक मौजूदा सूची में आइटम जोड़ें

1. एक बटन नियंत्रण जोड़ें और इसे "btnReset" नाम दें.

   नाम जोड़ना और एक नियंत्रण कॉन्फ़िगर करना नहीं जानते?

2. btnReset पर OnSelect गुण को इस फॉर्मूले पर सेट करें:

   ClearCollect(MyItems, {value: "circle"},{value: "triangle"},{value: "rectangle"})
   

3. btnReset पर गुण टेक्स्ट को "Reset" पर सेट करें.

4. lbItems नामक एक सूची बॉक्स नियंत्रण जोड़ें और इसकी आइटम गुण को MyItems पर सेट करें.

5. Alt बटन को दबाए रखते हुए, रीसेट बटन दबाएँ.

   नोट

   सूची बॉक्स को "MyItems" संग्रह से आइटम के साथ पॉप्युलेट करना चाहिए.

6. सूची बॉक्स और बटन को व्यवस्थित करें, ताकि वे लंबवत रूप से पंक्तिबद्ध हों.

   

7. एक टेक्स्ट इनपुट नियंत्रण जोड़ें और इसे "txtAdd" नाम दें.

8. txtAdd की परिसंपत्ति टेक्स्ट को "" पर सेट करें.

9. एक बटन नियंत्रण जोड़ें और इसे "btnAdd" नाम दें.

10. btnAdd की गुण टेक्स्ट को "Add" पर सेट करें.

11. btnAdd के OnSelect गुण को निम्न फ़ॉर्मूला में सेट करें:

    Collect(MyItems,{value: txtAdd.Text}); Reset(txtAdd)
    

    नोट

    • कलेक्ट फंक्शन टेक्स्ट इनपुट से टेक्स्ट को कलेक्शन में एक आइटम के रूप में जोड़ देगा.
    • रीसेट फ़ंक्शन टेक्स्ट इनपुट को उसकी डिफ़ॉल्ट स्थिति में वापस रीसेट कर देगा.

12. txtAdd और btnAdd को व्यवस्थित करें ताकि वे lbItems और btnReset के नीचे लंबवत रूप से पंक्तिबद्ध हों.

    

13. F5 दबाकर ऐप का पूर्वावलोकन करें.

14. txtAdd टेक्स्ट इनपुट नियंत्रण में टेक्स्ट मान जोड़ें.

15. निम्न करने के लिए बटन दबाएँ.

    नोट

    सूची बॉक्स को MyItems संग्रह से आइटम के साथ पॉप्युलेट करना चाहिए.

(वैकल्पिक) किसी मौजूदा सूची से कोई आइटम निकालें

1. एक बटन नियंत्रण जोड़ें और इसे "btnDelete" नाम दें.

2. btnDelete की गुण टेक्स्ट को "Delete" पर सेट करें.

3. btnDelete के OnSelect गुण को निम्न फ़ॉर्मूला में सेट करें:

   Remove(MyItems, lbItems.Selected)
   

4. btnDelete को व्यवस्थित करें, ताकि यह btnReset के नीचे लंबवत रूप से पंक्तिबद्ध हो जाए

   

5. F5 दबाकर ऐप का पूर्वावलोकन करें.

6. सूची बॉक्स को रीसेट करने के लिए रीसेट बटन दबाएँ.

7. किसी आइटम को चुनने के लिए उसे सूची बॉक्स में दबाएँ.

8. आइटम को हटाने के लिए डिलीट बटन दबाएँ.

नोट

क्या आप हमें अपनी दस्तावेज़ीकरण भाषा वरीयताओं के बारे में बता सकते हैं? एक छोटा सर्वेक्षण पूरा करें. (कृपया ध्यान दें कि यह सर्वेक्षण अंग्रेज़ी में है)

सर्वेक्षण में लगभग सात मिनट लगेंगे. कोई भी व्यक्तिगत डेटा एकत्र नहीं किया जाता है (गोपनीयता कथन).