javascript - ドラッグ可能な列を持つ動的ノックアウトJavascriptテーブルdanvk

Question

ノックアウト動的に作成された html テーブルがあり、ドラッグ可能な JavaScript ライブラリを使用する機能を追加しようとしています: http://www.danvk.org/wp/dragtable/

問題は、静的データに対してはうまく機能しますが、更新 (この場合は signalR) を受信すると、テーブル class="draggable" で定義されている「ドラッグ可能」機能を適用しないことです。

助言がありますか？私はそれがノックアウトのレンダリングと何らかの形でレンダリングされたテーブルへの参照を取得し、それらが次の例のようにドラッグ可能にすることに関係していると考えています: 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>