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
– Royi Mindel, Commented Oct 2, 2013 at 11:15
possible duplicate of How to use HTML-5 data-* attributes in ASP.NET MVC — nemesv
– nemesv, Commented Oct 2, 2013 at 11:30

Damien · Accepted Answer · 2013-10-02 11:49:58Z

16

Replace the '-' by an '_'

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

I hope it helps.

answered Oct 2, 2013 at 11:49

Damien

8,9873 gold badges34 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fat Shogun Over a year ago

I figured it out later, but when I returned here you already had the answer so I'll mark your solution.

Collectives™ on Stack Overflow

Knockout data-bind attribute in razor syntax

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related