Knockout data-bind attribute in razor syntax

Question

I have Html written in Razor syntax:

@for (var i = 0; i < Model.AllBetStatuses.Count; ++i)
{
    <li class="betReportingCheckbox">
        @Html.CheckBoxFor(m => m.AllBetStatuses[i].Checked, new { @class =   
         "betStatusCheckboxes"})
        @Html.DisplayFor(m => m.AllBetStatuses[i].Name)
        @Html.HiddenFor(m => m.AllBetStatuses[i].Value)
    </li>
}

I want to use knockout.js to bind these values, but when I try something of this type:

@Html.CheckBoxFor(m => m.AllBetStatuses[i].Checked, new { @class =   
         "betStatusCheckboxes", @data-bind="..."})

I get a syntax error, because the '-' character is not valid there. Is there any simple way to do this using Razor syntax?

did you try ...,"data-bind" = "..."... ? (or ...,data-bind = "..."...) — Royi Mindel, Oct 02 '13 at 11:15
possible duplicate of [How to use HTML-5 data-\* attributes in ASP.NET MVC](http://stackoverflow.com/questions/2520487/how-to-use-html-5-data-attributes-in-asp-net-mvc) — nemesv, Oct 02 '13 at 11:30

score 16 · Accepted Answer · answered Oct 02 '13 at 11:49

16

Replace the '-' by an '_'

@Html.CheckBoxFor(m => m.AllBetStatuses[i].Checked, new { @class =   
     "betStatusCheckboxes", @data_bind="..."})

I hope it helps.

answered Oct 02 '13 at 11:49

Damien

8,749
3
31
38

I figured it out later, but when I returned here you already had the answer so I'll mark your solution. – Fat Shogun Oct 02 '13 at 12:04

Knockout data-bind attribute in razor syntax

1 Answers1