एएसपीनेट एमवीसी

Question

के लिए कस्टम एचटीएमएल हेल्पर बनाने में मदद की ज़रूरत है मैं कुछ कस्टम एचटीएमएल हेल्पर्स के साथ खेल रहा हूं और अब मैं एक ऐसा करने की कोशिश कर रहा हूं जिसे मैं jquery AJAX UI टैब के लिए उपयोग कर सकता हूं।

तो ajax टैब करने के लिए आप अपने एचटीएमएल कोड

<div id="example"> 
    <ul> 
     <li><a href="ahah_1.html"><span>Content 1</span></a></li> 
     <li><a href="ahah_2.html"><span>Content 2</span></a></li> 
     <li><a href="ahah_3.html"><span>Content 3</span></a></li> 
    </ul> 
</div> 

तो मैं ActionLink उपयोग नहीं कर सकते में इस प्रारूप है क्योंकि मुझे लगता है मैं वैसे भी actionLink को टैग जोड़ सकते हैं नहीं लगता है की जरूरत है।

तो मैं अपना खुद का एचटीएमएल सहायक बनाना चाहता हूं जिसमें एक स्पैन टैग के साथ एक एक्शनलिंक है और इसके बाद संभवतः इसे बिना किसी सूचीबद्ध सूचीबद्ध टैग के लिए बनाया जाए।

इसलिए मुझे यकीन नहीं है कि मेरे लाभ के लिए एक्शनलिंक का उपयोग कैसे करें। एक्शनलिंक की तरह 10 ओवरलोडेड विधियों की तरह है और मैं उन सभी 10 को फिर से बनाना नहीं चाहता क्योंकि यह केवल व्यर्थ लगता है। तो क्या मैं इसे संदर्भित कर सकता हूं या ऐसा कुछ कर सकता हूं?

मैं ऐसे तरीके का उपयोग कर रहा हूं जो मेरे कस्टम एचटीएमएल हेल्पर्स को "एचटीएमएल" करते समय दिखाने की अनुमति देता है। इंटेलिजेंस में

उदाहरण के लिए मैं होगा:

public static string Button(this HtmlHelper helper, string id, string value) 

तो मुझे यकीन है कि कैसे इस HtmlHelper मैं गुजर रहा हूँ का उपयोग करने के लिए नहीं कर रहा हूँ

मैं भी की लाइन के इस हिस्से को नहीं समझते। कोड "यह एचटीएमएल हेल्पर सहायक"।

पैरामीटर में कीवर्ड "यह" का उपयोग करने से मुझे क्या भ्रमित करता है। मुझे यकीन नहीं है कि यह क्या कर रहा है और आपको इसकी आवश्यकता क्यों है। मैं यह भी समझ नहीं पा रहा हूं कि इस पैरामीटर को कैसे पारित किया जा रहा है लेकिन इसका उपयोग नहीं करने से आपके ग्राहक एचटीएमएल हेल्पर्स को "एचटीएमएल" द्वारा accesed की अनुमति मिलती है।

धन्यवाद

Answer 1

Marc's answer उत्कृष्ट है।

1) अपने सहायक के साथ स्थिर कक्षा बनाएं:

public static class MyHtmlHelpers 
{ 
    public static string MySpecialActionLink(this HtmlHelper htmlHelper, string linkText, string actionName, object routeValues) 
    { 
     var innerTagBuilder = new TagBuilder("span") { 
      InnerHtml = (!String.IsNullOrEmpty(linkText)) ? HttpUtility.HtmlEncode(linkText) : String.Empty 
     }; 

     TagBuilder tagBuilder = new TagBuilder("a") { 
      InnerHtml = innerTagBuilder.ToString(TagRenderMode.Normal); 
     }; 

     var urlHelper = new UrlHelper(html.ViewContext.RequestContext); 
     var url = urlHelper.Action(actionName, routeValues); 
     tagBuilder.MergeAttribute("href", url); 

     return tagBuilder.ToString(TagRenderMode.Normal); 
    } 
} 

2) web.config को MyHtmlHelpers वर्ग के नाम स्थान जोड़ें:

<pages> 
    <namespaces> 
    <add namespace="System.Web.Mvc" /> 
    <add namespace="System.Web.Mvc.Ajax" /> 
    <add namespace="System.Web.Mvc.Html" /> 
    <add namespace="System.Web.Routing" /> 
    <add namespace="System.Linq" /> 
    <add namespace="System.Collections.Generic" /> 

    <add namespace="MyHtmlHelpers_Namespace" /> 
    </namespaces> 
</pages> 

3 बस कुछ कोड जोड़ने) आनंद लें :):

<div id="example"> 
    <ul> 
     <li><%= Html.MySpecialActionLink("Content 1", "action1", null) %></li> 
     <li><%= Html.MySpecialActionLink("Content 2", "action2", new { param2 = "value2" }) %></li> 
     <li><%= Html.MySpecialActionLink("Content 3", "action3", new { param3 = "value3" }) %></li> 
    </ul> 
</div> 

Answer 2

this HtmlHelper helper यह HtmlHelper पर एक सी # 3.0 "विस्तार विधि" है, जो है कि यह कैसे आपके विचार (आदि) में Html उदाहरण पर उपलब्ध हो जाता है का मतलब है। एक विस्तार विधि एक स्थिर विधि है जो (संकलन समय पर) this द्वारा नामित प्रकार पर उपलब्ध एक उदाहरण विधि होने के लिए नाटक करती है (इस मामले में HtmlHelper)।

MyStaticClass.Button(Html, {args}); 

यह आवश्यकHtmlHelper कि में यदि आप इसे (inded की जरूरत नहीं है पारित हो जाता है का उपयोग करने के, मैं नहीं है: वास्तव में, संकलक स्थिर विधि (Html.Button({args})) के रूप में यद्यपि आप लिखकर कॉल इसका उपयोग न करें here); यह मुख्य काम है (इस मामले में) कोड को उपभोग करने के लिए सुविधाजनक बनाना है (एक विस्तार विधि के रूप में); लेकिन यह कुछ मामलों में उपयोगी हो सकता है।

Answer 3

आपके पास jQuery AJAX UI टैब के साथ काम करने वाले लिंक बनाने के लिए HtmlHelper नहीं है।

$("#example").tabs({ tabTemplate: "<li><a href=\"#{href}\">#{label}</a></li>" }); 

documentation देखें:

jQuery टैब प्लगइन एक तर्क है कि आप सेट कर सकते हैं tabTemplate नामित स्वीकार करता है।