ActionLink htmlAttributes

Question

काम करता है

<a href="@Url.Action("edit", "markets", new { id = 1 })" 
            data-rel="dialog" data-transition="pop" data-icon="gear" class="ui-btn-right">Edit</a>

काम नहीं करता है - क्यों?

@Html.ActionLink("Edit", "edit", "markets", new { id = 1 }, new {@class="ui-btn-right", data-icon="gear"})

ऐसा लगता है कि आप HTMLAttributes में डेटा-आइकन = "गियर" जैसी कोई चीज़ नहीं दे सकते हैं?

सुझाव?

Answer 1

समस्या यह है कि आपकी अनाम ऑब्जेक्ट प्रॉपर्टी data-iconका अमान्य नाम है। C # गुण उनके नाम में डैश नहीं हो सकते। वहाँ दो तरीके आप उस के आसपास प्राप्त कर सकते हैं:

डैश के बजाय अंडरस्कोर का उपयोग करें (एमवीसी स्वचालित रूप से उत्सर्जित एचटीएमएल में डैश के साथ अंडरस्कोर को बदल देगा):

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new {@class="ui-btn-right", data_icon="gear"})

शब्दकोश में लगने वाले अधिभार का उपयोग करें:

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new Dictionary<string, object> { { "class", "ui-btn-right" }, { "data-icon", "gear" } });

Comments

अंडरस्कोर Ajax.ActionLinkसहायकों के साथ काम करने के लिए प्रतीत नहीं होता है

— दिमित्री एफिमेंको

अंडरस्कोर ट्रिक वास्तव में अजीब लगती है, क्या होगा यदि आप अपने HTML विशेषता में एक अंडरस्कोर चाहते हैं?

— मिशैल

@MichielReyers आप शब्दकोश में लगने वाले अधिभार का उपयोग कर सकते हैं

— marcind

.net कोर टैग हेल्पर्स इन सभी समस्याओं को नष्ट करते हैं - भविष्य से हाय।

— नीको

Answer 2

एक अंडरस्कोर के साथ वांछित हाइफ़न बदलें; यह स्वचालित रूप से एक हाइफ़न के रूप में प्रदान किया जाएगा:

@Html.ActionLink("Edit", "edit", "markets",
    new { id = 1 },
    new {@class="ui-btn-right", data_icon="gear"})

हो जाता है:

<form action="markets/Edit/1" class="ui-btn-right" data-icon="gear" .../>

Answer 3

@Html.ActionLink("display name", "action", "Contorller"
    new { id = 1 },Html Attribute=new {Attribute1="value"})