Bind ASP.NET MVC model value to checkbox with knockout.js

Question

I am new to knockout.js. I have a Y/N value from my model that I want to bind to a checkbox.

This is my view:

<tbody id="tblMultiEdit" data-bind="foreach: UUTs">
<tr>
<td data-bind="text: SerialNumber"></td>
<td><input type="checkbox" data-bind="ReqDowngrade" /></td>
<td><input type="checkbox" data-bind="ACTSupported"/></td>
<td><input type="checkbox" data-bind="ProdModeOff"/></td>
</tr>
</tbody>

Knockout code:

function ViewModel(UUTs) 
{

var self = this;

self.UUTs = UUTs;

};

var viewModel = new ViewModel(@Html.HtmlConvertToJson(Model));

ko.applyBindings(viewModel);

So far I can bind the text with no problem, but checkboxes are in blank.

this one is incorrect data-bind="ReqDowngrade" Find how to bind inputs values here: knockoutjs.com/documentation/checked-binding.html — Olha Shumeliuk
– Olha Shumeliuk, Commented Jul 2, 2018 at 14:30
Thanks, now I need a way to convert Y/N to 0/1 within knockout for each row — printthis
– printthis, Commented Jul 2, 2018 at 15:25

printthis · Accepted Answer · 2018-07-02 15:47:39Z

1

I was able to resolve this by adding a ternary operation.

<td><input type="checkbox" data-bind="checked: (ReqDowngrade == 'Y' ? 1 : 0)" /></td>

If anybody knows a more efficient way using knockout let me know!

answered Jul 2, 2018 at 15:47

printthis

1713 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Bind ASP.NET MVC model value to checkbox with knockout.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related