Question

我有一个淘汰动态创建的html表，我试图添加使用可拖动的javascript库的功能：http://www.danvk.org/wp/dragtable/

问题是它适用于静态数据，但在接收到更新（在这种情况下为signalR）时，它不会应用表class =“draggable”中定义的“可拖动”功能

有什么建议吗？我认为它与knockout的渲染有关，并以某种方式获得对渲染表的引用，并使它像下面的示例一样可拖动：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>

Answer 1

此库初始化文档加载。对文档加载时访问的HTML所做的任何更改都很可能会破坏它的行为。看看关于谷歌代码的项目问题，你会找到关于你完全相同的问题的讨论。

动态Knockout Javascript表与可拖动列danvk

1 个答案: