using @data-bind in ASP.NET MVC htmlAttributes throws exception

Question

I am using ASP.NET MVC 3.0 and KnockoutJS. I was trying to add the binding into my View Helpers like this ...

@Html.TextBoxFor(model => model.Nam         


        

Answer 1

It doesn't like the hyphen in the property name. To fix this change @data-bind to @data_bind and this will then render with a hyphen on the page.

Answer 2

If you are using MVC2, you can use the following jquery function to change the data_bind to data-bind:

        // MVC2 fix for data_bind
        $('[data_bind]').each(function(i, item) {
            item = $(item);
            item.attr("data-bind",item.attr("data_bind"));
            item.removeAttr("data_bind");
        });