0

我有一个动态创建的 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>
4

1 回答 1

0

该库在文档加载时初始化。对它在文档加载时可以访问的 HTML 的任何更改很可能会破坏它的行为。看看这个项目在谷歌代码上的问题，你会发现关于你完全相同的问题的讨论。

于 2013-08-22T22:42:38.153 回答