i have knockout dynamically created html table trying add ability use draggable javascript library on from: http://www.danvk.org/wp/dragtable/
problem works great static data, upon receiving updates (signalr in case), won't apply "draggable" functionality defined in table class="draggable"
any suggestions? i'm thinking has knockout's rendering , somehow obtaining reference rendered table , them making draggable example in: https://code.google.com/p/dragtable/source/browse/trunk/dynamic.html?spec=svn13&r=13
<div data-bind="foreach: zones() "> <div data-bind="if: $parent.chosenzonenames().indexof(zonename()) > -1"> <h3>'<span data-bind="text: zonename"></span>' zone has <span data-bind="text: cardholders().length"></span> cardholders</h3> <table class="draggable" id="zonemonitortable" data-bind="afterrender: afterrender" > <tr > <th>first name</th> <th>last name</th> <th>date added</th> <th></th> </tr> <tbody data-bind="foreach: cardholders"> <tr > <td> <span data-bind="text: cardholderfirstname"></span></td> <td><span data-bind="text: cardholderlastname"></span></td> <td> <span data-bind="text: dateadded"></span></td> <td><a href="#" data-bind="click: $parent.removecardholder">remove</a></td> </tr> </tbody> </table> </div> </div>
this library initializes on document load. changes html had access @ document load break it's behavior. take @ project's issues on google code , you'll find discussion regarding exact same problem.
