एएसपी.नेट एमवीसी 3 रेजर का उपयोग कर ऑब्जेक्ट वैल्यू के साथ HtmlAttributes कैसे प्रस्तुत करें?

Question

मैं एक एमवीसी 3 रेजर व्यू का उपयोग कर निम्नलिखित एचटीएमएल प्रस्तुत करने की कोशिश कर रहा हूं:

<input id="EffectiveDate" name="EffectiveDate" type="date" data-options='{"mode": "flipbox"}' /> 

मैं प्रस्तुत करने के लिए डेटा-विकल्प विशेषता में उद्धरण चिह्न प्राप्त करने में असमर्थ रहा हूं। कोई फर्क नहीं पड़ता कि मैं क्या कोशिश करता हूं, उन्हें "

के रूप में प्रस्तुत किया जाता है। मेरे दृश्य में मैंने कई प्रयास किए हैं:

@Html.TextBoxFor(model => model.EffectiveDate, new { type = "date", data_options= " { 'mode':'flipbox' }"}) 

और

@Html.TextBoxFor(model => model.EffectiveDate, new { type = "date", data_options= @Html.Raw("{\"mode\":\"flipbox\"}")}) 

किसी भी सुझाव के बारे में कोई सुझाव उद्धरण चिह्न डीकोड करें?

Answer 1

आप एक MVC संपादक टेम्पलेट बनाकर ऐसा कर सकते हैं। सबसे पहले, "Views \ Shared" फ़ोल्डर के अंदर "EditorTemplates" नामक फ़ोल्डर बनाएं। फिर EditorTemplates फ़ोल्डर के अंदर DateTime.cshtml नामक फ़ाइल डालें।

तो फिर तुम बस EditorFor() विधि आपके विचार मॉडल की संपत्ति के खिलाफ इस तरह उपयोग कर सकते हैं (बशर्ते कि के प्रकार दिनांक समय की EFFECTIVEDATE संपत्ति):

@Html.EditorFor(m => m.EffectiveDate) 

DateTime.cshtml संपादक टेम्पलेट के लिए पूर्ण कोड ऐसा लगता है:

@model System.DateTime 
@{ 
    var id = this.ViewData.TemplateInfo.GetFullHtmlFieldId(""); 
    var name = this.ViewData.TemplateInfo.GetFullHtmlFieldName(""); 
} 
<input id="@id" name="@name" type="date" data-options='{"mode": "flipbox"}' /> 

यह आपके द्वारा प्राप्त किए जा रहे सटीक आउटपुट का उत्पादन करेगा।

Answer 2

एक बात निश्चित है: जब आप किसी भी डिफ़ॉल्ट एमवीसी इनपुट एक्सटेंशन (यानी टेक्स्टबॉक्स फोर) का उपयोग करते हैं तो विशेष प्रतीकों को हमेशा एन्कोड किया जाएगा। ऐसा इसलिए है क्योंकि टैगबिल्डर स्वयं, जिसे HtmlHelper एक्सटेंशन के लिए टैग बनाने के लिए उपयोग किया जाता है, HtmlEncode एस टैग में प्रत्येक विशेषता मान। आप TagBuilder स्रोत में देख सकते हैं:

private void AppendAttributes(StringBuilder sb) 
{ 
    foreach (var attribute in Attributes) 
    { 
     string key = attribute.Key; 
     if (String.Equals(key, "id", StringComparison.Ordinal /* case-sensitive */) && String.IsNullOrEmpty(attribute.Value)) 
     { 
      continue; // DevDiv Bugs #227595: don't output empty IDs 
     } 
     string value = HttpUtility.HtmlAttributeEncode(attribute.Value); 
     sb.Append(' ') 
      .Append(key) 
      .Append("=\"") 
      .Append(value) 
      .Append('"'); 
    } 
} 

जब से तुम कोई रास्ता नहीं पहले से ही डीकोड कि मूल्य भेजने के लिए है, तो आप जावास्क्रिप्ट में यह अपने आप को डिकोड करने के लिए किया है।

var value = $('<textarea/>').html(yourElement.data('options')).val(); 

आप निश्चित रूप से उस के लिए एक समारोह बनाने के लिए, चाहते हो सकता है: यहाँ एक अच्छी छोटी jQuery चाल है कि यह करना होगा है।

सूत्रों का कहना है:

• http://aspnet.codeplex.com/
• http://refresh-sf.com/blog/2009/05/decode-html-entities-with-jquery/