Come eseguire il rendering di HtmlAttributes con i valori dell'oggetto utilizzando il Razor di ASP.NET MVC 3?

Question

Sto provando a rendere il seguente codice HTML utilizzando un MVC3 Razor Vista:

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

sono stato in grado di ottenere le virgolette nelle opzioni-dati degli attributi per il rendering. Non importa quello che provo, sono resi come "

Qui ci sono un paio di molti approcci che ho provato nel mio Vista:

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

e

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

Qualche suggerimento su come decodificare le virgolette?

Answer 1

si può fare questo con la creazione di un modello MVC Editor. Innanzitutto, crea una cartella denominata "EditorTemplates" all'interno della cartella "Views \ Shared". Quindi inserisci un file chiamato DateTime.cshtml all'interno della cartella EditorTemplates.

allora si può semplicemente utilizzare il metodo EditorFor() contro la proprietà il vostro punto di vista di modello come questo (a condizione che la proprietà EffectiveDate di di tipo DateTime):

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

Il codice completo per il modello editor di DateTime.cshtml assomiglia a questo:

@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"}' /> 

Ciò produrrà l'output esatto che si sta cercando.

Answer 2

Una cosa è certa: i simboli speciali verranno sempre codificati quando si utilizzano le estensioni di input MVC predefinite (ad esempio TextBoxFor). Questo perché TagBuilder stesso, che viene utilizzato per creare i tag per le estensioni HtmlHelper, HtmlEncode s ogni valore di attributo in un tag. Si può vedere questo nella fonte 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('"'); 
    } 
} 

Dal momento che non si ha modo di inviare quel valore già decodificato, si deve decodificare da soli in JavaScript. Ecco un bel trucco jQuery che lo farà:

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

Si potrebbe voler fare una funzione per questo, naturalmente.

Fonti:

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