इसके माध्यम से साझा किया गया


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

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

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

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

पूर्वावश्यकताएँ

  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. Set OnSelect property on btnReset इस सूत्र पर:

    ClearCollect(MyItems, {value: "circle"},{value: "triangle"},{value: "rectangle"})
    
  3. टेक्स्ट प्रॉपर्टी को बटनरीसेट से "Reset" पर सेट करें।

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

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

    नोट

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

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

    सूची बॉक्स बटन.

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

  8. Set Text संपत्ति का txtAdd to "".

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

  10. Text की संपत्ति btnAdd को सेट करें। "Add"

  11. Set OnSelect संपत्ति btnAdd निम्न सूत्र में:

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

    नोट

    • कलेक्ट फंक्शन टेक्स्ट इनपुट से टेक्स्ट को कलेक्शन में एक आइटम के रूप में जोड़ देगा.
    • रीसेट फ़ंक्शन टेक्स्ट इनपुट को उसकी डिफ़ॉल्ट स्थिति में वापस रीसेट कर देगा.
  12. txtAdd और btnAdd को व्यवस्थित करें ताकि वे नीचे लंबवत पंक्तिबद्ध हो जाएं lbItems और btnReset.

    सभी नियंत्रण - जोड़ने से पहले.

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

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

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

    नोट

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

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

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

  2. Text संपत्ति btnDelete को "Delete"पर सेट करें.

  3. Set OnSelect संपत्ति btnDelete को निम्न सूत्र पर सेट करें:

    Remove(MyItems, lbItems.Selected)
    
  4. व्यवस्थित करें btnहटाएँ ताकि यह लंबवत रूप से नीचे पंक्तिबद्ध हो जाए btnरीसेट करें

    सभी नियंत्रण हटाएँ बटन के साथ.

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

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

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

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