Мой HTML Helper в настоящее время narlified от Razor

Question

Как я должен написать это, чтобы Бритва не ускользает все биты и качается:

вспомогательный класс (по иронии судьбы не то, что полезно)

public static class TableHeaderSortingHelpers 
{ 
    public static string SortTableClickEvent(this HtmlHelper html, string url, string column) 
    { 
     string sortingPropertiesObject; 
     sortingPropertiesObject = "var properties = new James.prototype.Table.SortingProperties();"; 
     sortingPropertiesObject += "properties.url = '" + url + "';"; 
     sortingPropertiesObject += "properties.colName = '" + column + "';"; 
     sortingPropertiesObject += "onclick = 'James.Table.SortByColumn(properties, this);'"; 

     return sortingPropertiesObject ; 
    } 
} 

вид Razor

<table class="table table-striped"> 
    <tr> 
     <th width="100%" @Html.SortTableClickEvent(@Request.Path, "Name");> 
      Name 
     </th> 

После компиляции выглядит следующим образом:

<th width="100%" this);&#39;;="" &#39;name&#39;;onclick="'James.Table.SortByColumn(properties," =="" james.prototype.table.sortingproperties();properties.url="'/Site/List';properties.colName" properties="new" var=""> 
       Name 
      </th> 

---

EDIT //////////////////////

Если я пытаюсь вернуть MVCHtmlString я получаю следующее:

public static class TableHeaderSortingHelpers 
{ 
    public static MvcHtmlString SortTableClickEvent(this HtmlHelper html, string url, string column) 
    { 
     string sortingPropertiesObject; 
     sortingPropertiesObject = "var properties = new James.prototype.Table.SortingProperties();"; 
     sortingPropertiesObject += "properties.url = '" + url.ToString() + "';"; 
     sortingPropertiesObject += "properties.colName = '" + column + "';"; 
     sortingPropertiesObject += "onclick = 'James.Table.SortByColumn(properties, this);'"; 

     MvcHtmlString returnString = new MvcHtmlString(sortingPropertiesObject); 

     return returnString; 
    } 
} 

Выход

<th width="100%" ;="" ;onclick="James.Table.SortByColumn(properties, this);" ;properties.colname="Name" james.prototype.table.sortingproperties();properties.url="/Site/List" properties="new" var=""> 
       Name 
      </th> 

Answer 1

Попробуйте вернуть MvcHtmlString или HtmlString, которые должны предотвратить механизм выхода бритвы

public static IHtmlString SortTableClickEvent(this HtmlHelper html, string url, string column) 
{ 
    string sortingPropertiesObject; 
    sortingPropertiesObject = "var properties = new James.prototype.Table.SortingProperties();"; 
    sortingPropertiesObject += "properties.url = '" + url + "';"; 
    sortingPropertiesObject += "properties.colName = '" + column + "';"; 
    sortingPropertiesObject += "onclick = 'James.Table.SortByColumn(properties, this);'"; 

    return new HtmlString(sortingPropertiesObject); 
} 

Update:

может быть, вместо того, чтобы пытаться создать экземпляр свойства объекта (который не будет работать рядный, если вы не ставите все в одной строке). Просто используйте обычный объект json и вызовите ваш метод. Helper может выглядеть следующим образом, например:

public static IHtmlString SortTableClickEvent(this HtmlHelper html, string url, string column) 
{ 
    string sortingPropertiesObject = string.Format(
     "onclick = \"James.Table.SortByColumn({{ url:'{0}', column:'{1}' }}, this);\"" 
     , url, column); 

    return new HtmlString(sortingPropertiesObject); 
} 

Или, если вы хотите, чтобы ваши собственные свойства объекта в JavaScript, просто положить все в одну линию, как я сказал, и правильно бежать все так, что метод OnClick хорошо отформатирован и не нарушает вашу html-разметку ...

Answer 2

Я согласен с MichaC в том, что это плохая практика, что вы пытаетесь сделать. Я предлагаю это, где вы сохраняете логику внутри представления.

HTML-:

<th width="100%" class="sort-table" data-column="Name"> 
    Name 
</th> 

И JavaScript, это должно быть внутри вида.

<script type="text/javascript"> 
$(function() { 
    $('.sort-table').click(function() {    
     // Get the value from the data-column attribute. 
     var column = $(this).data('column'); 

     // Create object and set properties. 
     var properties = new James.prototype.Table.SortingProperties(); 
     properties.url = '@Request.Path'; 
     properties.colName = column; 

     // Sort the table. 
     James.Table.SortByColumn(properties, this); 
    }); 
}); 
</script> 

Однако, я не уверен, что click событие может быть связан с <th> элементом.