🍥 👩‍🚀 🤮 उस्तरा: मास्टर पृष्ठों के मास्टर पेजों में अनुभाग प्रदर्शित करना 🧔🏿 🐣 🍬

सभी को शुभ दिन। हाल ही में, मैं ASP.NET MVC 3 और रेजर पर एक "मुश्किल" वेब एप्लिकेशन को सक्रिय रूप से विकसित कर रहा हूं, और आज मुझे एक समस्या आई है कि अनुभवी डेवलपर्स ने पहले से ही शोध किया और हल किया हो सकता है, लेकिन शुरुआती लोगों के लिए, नीचे दी गई जानकारी, मुझे लगता है और उम्मीद है, पता चला है। उपयोगी।

समस्या का वर्णन

एप्लिकेशन को कुछ दृश्य देखें: View.cshtml और ViewWithSide.cshtml, और दो मास्टर पेज भी हैं: Layout.cshtml और LayoutWithSide.cshtml, दूसरे के लिए पहला मास्टर पेज है। जैसा कि आप फ़ाइल नामों से अनुमान लगा सकते हैं, XxxWithSide.cshtml पेज पर एक साइडबार जोड़ता है, जिसके आउटपुट स्वरूप को मास्टर पृष्ठ में परिभाषित किया गया है, और दृश्य में इनसाइड करता है। मुख्य लेआउट मास्टर पृष्ठ में, मुख्य लेआउट के अलावा, "नेविगेशन" अनुभाग का आउटपुट परिभाषित किया गया है, जो विचारों में सेट है।

और अब, जब "नेविगेशन" अनुभाग को व्यूविथसाइड कोड में परिभाषित किया गया है, लेकिन लेआउटविथसाइड में नहीं, क्योंकि इस अनुभाग को "अगले" मास्टर पृष्ठ (लेआउट) द्वारा संसाधित किया जाना चाहिए, जब अनुप्रयोग में व्यूविथसाइड खोलने की कोशिश करते समय एक त्रुटि जारी की जाएगी: निम्नलिखित अनुभागों को परिभाषित किया गया है। लेकिन लेआउट पृष्ठ "~ / दृश्य / साझा / LayoutWithSide.cshtml" के लिए प्रदान नहीं किया गया है: "नेविगेशन" (" नेविगेशन" अनुभाग परिभाषित है, लेकिन मास्टर पृष्ठ पर कहीं भी प्रदर्शित नहीं है) ।

इस समस्या को हल करने का विचार काफी सरल है: आपको इस अनुभाग के आउटपुट को "अगले" मास्टर पृष्ठ पर स्थानांतरित करने की आवश्यकता है, और उन्हें समझने दें।

कुछ कोड

Layout.cshtml

<!DOCTYPE html> <html> <head> <title>@ViewBag.Title</title> </head> <body> <div> @if (IsSectionDefined("navigation")) { <div class="navigation">@RenderSection("navigation")</div> } @RenderBody() </div> </body> </html>

LayoutWithSide.cshtml

 @{ Layout = "~/Views/Shared/Layout.cshtml"; } <div class="side">@RenderSection("side", required:false)</div> <div class="main">@RenderBody()</div>

View.cshtml

 @{ ViewBag.Title = "view"; Layout = "~/Views/Shared/Layout.cshtml"; } @section navigation { <a href="@Url.Action("Page1")">page1</a> | <a href="@Url.Action("Page2")">page2</a> } <h2>viewWithoutSide</h2> <div>Main content</div>

ViewWithSide.cshtml

 @{ ViewBag.Title = "viewWithSide"; Layout = "~/Views/Shared/LayoutWithSide.cshtml"; } @section navigation { <a href="@Url.Action("Page1")">page1</a> | <a href="@Url.Action("Page2")">page2</a> } @section side { <strong>side content</strong> } <h2>viewWithSide</h2> <div>Main content</div>

स्वाभाविक रूप से, मुझे उम्मीद थी कि रेज़र और ASP.NET MVC इसे समझेंगे और मास्टर पेज में अनुभाग को प्रदर्शित करेंगे जहां इसकी आवश्यकता है। लेकिन अफसोस और आह ... हालांकि, एक समस्या है, एक विचार है कि कैसे हल किया जाए - हल करना आवश्यक है।

समाधान के लिए खोजें

मेरे मामले में, "नेविगेशन" अनुभाग सिर्फ वैकल्पिक नहीं है, लेकिन अगर इसे परिभाषित नहीं किया जाता है, तो मार्कअप के कुछ और टुकड़े प्रदर्शित नहीं होते हैं। इस कारण से, केवल LayoutWithSide में एक ही नाम के अनुभाग में प्रवेश करने और दृश्य से स्थानांतरित सामग्री को प्रदर्शित करने से काम नहीं होता।

मैंने if (IsSectionDefined("navigation")) में अनुभाग घोषणा को लपेटने की कोशिश की, हो सकता है ... मुझे इस विधि के लिए कोई विशेष उम्मीद नहीं है - यह काम नहीं किया (विश्लेषक केवल इस तरह के डिजाइन की उम्मीद नहीं करता है और उस पर "पार्सर त्रुटि" की शपथ लेता है)।

MSDN और इंटरनेट पर एक त्वरित और सतही खोज उपयोगी कुछ भी नहीं था। लेकिन दृश्य के अंदर उपलब्ध तरीकों में, DefineSection विधि (स्ट्रिंग नाम, सेक्शनरीटर एक्शन) को तुरंत देखा गया

चूंकि रेजर शैली में अनुभाग घोषणा को लपेटना संभव नहीं था, यदि आप घोषणा में सी # कोड से अनुभाग निर्माण को लपेटने का प्रयास कर सकते हैं। यह इस तरह निकला:

 if (IsSectionDefined("navigation")) { DefineSection("navigation", delegate() { Write(RenderSection("navigation")); }); }

और इस कोड ने सफलतापूर्वक काम किया और कार्य पूरा किया।

निर्णय

निश्चित रूप से, मैं वहां नहीं रुका, प्रत्येक अनुभाग के लिए ऐसे कोड के ~~इतने पत्र~~ नहीं लिखने के लिए जिन्हें मास्टर पेज पर स्थानांतरित करने की आवश्यकता है।
हमारे पास हमारे निपटान में ~~फैशनेबल~~ सुविधाजनक विस्तार विधियां C # हैं। परिणामस्वरूप, मैंने निम्न वर्ग लिखा:

 public static class WebPageHelpers { public static void PropagateSection(this WebPageBase page, string sectionName) { if (page.IsSectionDefined(sectionName)) { page.DefineSection(sectionName, delegate() { page.Write(page.RenderSection(sectionName)); }); } } public static void PropagateSections(this WebPageBase page, params string[] sections) { foreach (var s in sections) PropagateSection(page, s); } }

और यह परियोजना से जुड़ा होने के बाद, यह विधि को कॉल करने के लिए पर्याप्त है, इसे आवश्यक वर्गों के नाम से गुजारें। तब LayoutWithSide.cshtml इस तरह दिखेगा:

 @{ Layout = "~/Views/Shared/Layout.cshtml"; this.PropagateSection("navigation"); } <div class="side">@RenderSection("side", required:false)</div> <div class="main">@RenderBody()</div>

और अगर आपको कई खंडों को मास्टर पृष्ठ पर स्थानांतरित करने की आवश्यकता है, तो आप इस. this.PropagateSections("section1", "section2", "section3") को कॉल कर सकते हैं, ठीक है, आप समझते हैं ...

उस्तरा: मास्टर पृष्ठों के मास्टर पेजों में अनुभाग प्रदर्शित करना

समस्या का वर्णन

कुछ कोड

समाधान के लिए खोजें

निर्णय

More articles: