Sunday, 15 June 2014

knockout.js - Possible to use hasFocus binding in Knockout to determine table current row index -



knockout.js - Possible to use hasFocus binding in Knockout to determine table current row index -

i know row in table user has navigated or clicked on.

can knockout's hasfocus binding used track current row index, within view model can row index value needed?

the table populated in manner:

<tbody data-bind="foreach: siteslist"> <tr> <td data-bind ... > </td> <td data-bind ... > </td> . . . et cetera

there improve way but...

html:

<table> <tbody data-bind="foreach: siteslist"> <tr data-bind="event: { focusout: $parent.updateselectedrow }"> <td data-bind="text: $data"></td> </tr> </tbody> </table> index: <span data-bind="text: selectedrowindex"></span>

js:

function viewmodel() { var self = this; self.selectedrowindex = ko.observable(); self.siteslist = ko.observablearray(["google.com", "bing.com", "yahoo.com"]); self.updateselectedrow = function(row) { self.selectedrowindex(self.siteslist.indexof(row)); }; } ko.applybindings(new viewmodel());

here link fiddle demonstrates working: http://jsfiddle.net/trueeddie/l3yp4/2/

edit:

changed utilize event binding. got working mouseenter. maybe utilize onfocus event instead?

knockout.js

No comments:

Post a Comment