Breadcrumb नियंत्रण

नेविगेशन प्रदान करने के लिए उपयोग किया जाने वाला नियंत्रण.

नोट

पूर्ण दस्तावेज़ीकरण और स्रोत कोड GitHub कोड घटक रिपॉजिटरी में मिला.

विवरण

Breadcrumb नियंत्रणों का उपयोग आपके ऐप या साइट में नेविगेशनल सहायता के रूप में किया जाना चाहिए। वे पदानुक्रम के भीतर वर्तमान पृष्ठ के स्थान को इंगित करते हैं और उपयोगकर्ता को यह समझने में सहायता करते हैं कि शेष पदानुक्रम के संबंध में वे कहां हैं. ब्रेडक्रंब उस पदानुक्रम के उच्च स्तरों तक एक-क्लिक की पहुँच भी प्रदान करता है.

यह कोड घटक कैनवास ऐप और कस्टम पृष्ठों में उपयोग के लिए Fluent UI ब्रेडक्रंब नियंत्रण के चारों ओर एक आवरण प्रदान करता है.

विशेषता

मुख्य गुण

गुण	विवरण
SelectedKey	यह चयनित कुंजी को दर्शाता है. जब उपयोगकर्ता नियंत्रण के साथ इंटरैक्ट करता है तो इसे OnChange इवेंट के माध्यम से अपडेट किया जाएगा.
Items	रेंडर करने के लिए क्रिया आइटम

Items गुण

घटक में डेटा की कल्पना करने के लिए प्रत्येक आइटम निम्न स्कीमा का उपयोग करता है.

Name	विवरण
ItemDisplayName	ब्रेडक्रंब आइटम का डिस्प्ले नाम
ItemKey	यह इंगित करने के लिए उपयोग की जाने वाली कुंजी कि कौन सा आइटम चुना गया है, और उप आइटम जोड़ते समय. कुंजियाँ अद्वितीय होनी चाहिए.
ItemClickable	गलत पर सेट करें यदि विशिष्ट ब्रेडक्रंब आइटम क्लिक न करने योग्य हो.

उदाहरण Power Fx फ़ॉर्मूला:

Table(
    {
        ItemKey: "1",
        ItemDisplayName: "General",
        ItemClickable: true
    },
    {
        ItemKey: "2",
        ItemDisplayName: "Document",
        ItemClickable: true
    }
)

स्टाइल के गुण

नाम	विवरण
Theme	Fluent UI थीम डिज़ाइनर (windows.net) का उपयोग करके उत्पन्न JSON स्ट्रिंग को स्वीकार करता है. इसे खाली छोड़ने से Power Apps द्वारा परिभाषित डिफ़ॉल्ट थीम का उपयोग किया जाएगा. इसे कॉन्फ़िगर करने का तरीका देखने के लिए, थीमिंग देखें.
AccessibilityLabel	स्क्रीन पढ़ने वालों का आरिया-लेबल
MaxDisplayedItems	कोलेसिंग से पहले प्रदर्शित करने के लिए ब्रेडक्रंबों की अधिकतम संख्या. अगर शून्य है, तो सभी ब्रेडक्रंब रेंडर हो जाएंगे.
OverflowIndex	वैकल्पिक अनुक्रमणिका जहां अतिप्रवाह आइटम संक्षिप्त किए जाएंगे. डिफ़ॉल्ट रूप से यह शून्य पर सेट है.

इवेंट गुण

Name	विवरण
InputEvent	नियंत्रण को भेजने के लिए एक इवेंट. उदा. SetFocus. नीचे देखें.

व्यवहार

SetFocus के रूप में InputEvent का समर्थन करता है.

"ऑन सेलेक्ट" व्यवहार को कॉन्फ़िगर करें

नियंत्रण के चयनित ItemKey को स्विच मान के रूप में संदर्भित करके प्रत्येक आइटम के लिए विशिष्ट क्रियाओं को कॉन्फ़िगर करने के लिए घटक के OnSelect गुण में स्विच() सूत्र का उपयोग करें.

false मानों को Power Fx भाषा में उपयुक्त भावों से बदलें.

क्योंकि इस नियंत्रण का उपयोग नेविगेशन के लिए किया जाता है, एक तार्किक क्रिया नेविगेशन फ़ंक्शंस का उपयोग करना है (आदर्श रूप से संबंधित डेटा लोड होने वाली प्रासंगिक स्क्रीन पर).

  Switch( Self.Selected.ItemKey,
    /* Action for ItemKey 1 */
    "1", false,
    
    /* Action for ItemKey 2 */
    "2", false,
  
    /* Default action */
        false
  )

नियंत्रण पर फ़ोकस सेट करना

जब एक नया संवाद दिखाया जाता है, और डिफ़ॉल्ट फ़ोकस नियंत्रण पर होना चाहिए, तो एक स्पष्ट सेट फ़ोकस की आवश्यकता होगी.

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

उदाहरण Power Fx फ़ॉर्मूला:

UpdateContext({ ctxResizableTextareaEvent:"SetFocus" & Text(Rand()) }));

संदर्भ चर ctxResizableTextareaEvent तब संपत्ति इनपुट इवेंट संपत्ति के लिए बाध्य होगा.

सीमाएँ

इस कोड घटक का उपयोग केवल कैनवास ऐप और कस्टम पृष्ठों में ही किया जा सकता है.