Javascriptブロックは、mvc3の剃刀テンプレートのhtmlエンティティの文字列としてレンダリングされます

Question

私は、剃刀テンプレートでASP.NET MVC 3（リリース候補2）を使用しています。

私は剃刀のテンプレートにjqueryのdatepickerを追加しようとしています。拡張機能から生成されたコードはHTMLエンティティとしてページに書き込まれるため、ページ上には日付ピッカーではなくテキストとして表示されます。

ここに、日付ピッカーの拡張子があります。

namespace System.Web.Mvc.Html 
{ 
    public static class DatePickerExtension 
    { 
     public static string DatePicker(this HtmlHelper htmlHelper, string name, string value) 
     { 

      return "<script type=\"text/javascript\">" + 
       "$(function() {" + 
       "$(\"#" + name + "\").datepicker();" + 
       "});" + 
       "</script>" + 
       "<input type=\"text\" size=\"10\" value=\"" + value + "\" id=\"" + name + "\" name=\"" + name + "\"/>"; 
     } 
    } 
} 

、テンプレート・ファイル内の

：

<div class="editor-field"> 
     @Html.DatePicker("Date", Model.InterviewDate) 
</div> 

ページをレンダリングするとき、DatePickerのソースは以下のようにページに書き込まれます：あなたはそれをしたくない場合は

<script type="text/javascript">$(function() {$("#Date").datepicker();});</script><input type="text" size="10" value="" id="Date" name="Date"/> 

Answer 1

をHtmlString返しそうでなければ、常にHtml.RawまたはHtmlStringを使用することを覚えておく必要がありますあなたのビューでは、あなたのメソッドから生のhtmlを返すことが可能なときにそれを行う必要はありません。

public static IHtmlString DatePicker(this HtmlHelper htmlHelper, string name, string value) { 

    return new HtmlString("<script type=\"text/javascript\">" + 
     "$(function() {" + 
     "$(\"#" + name + "\").datepicker();" + 
     "});" + 
     "</script>" + 
     "<input type=\"text\" size=\"10\" value=\"" + value + "\" id=\"" + name + "\" name=\"" + name + "\"/>"); 
} 

Answer 2

使用HtmlString自動的にエンコードされます。 @blablaは文字列値を自動的にエンコードします。

を使用でき

：

@(new HtmlString(Html.DatePicker("Date", Model.InterviewDate)) 

//or 
@Html.Raw(Html.DatePicker("Date", Model.InterviewDate)) 

またはHtmlStringにあなたの方法のあなたの戻り値の型を変更し、私はIHtmlStringを返す推薦