问题标签 [footable]

我有一个 plnk 可以证明我的问题：http://plnkr.co/edit/bXINbDBIMb0LbLitHGbl。

有一个任务列表，每个任务可以包含一个任务列表。任务只能是顶级或具有单亲，并且任务不能包含自身。

当我使用 foreach 绑定时，任务被“保存”到正确的任务并按预期工作。（除了可脚的功能）（保存在引号中，因为任务除了被推送到可观察数组之外并没有真正保存。）

根据这个答案：https : //stackoverflow.com/a/20811414/2033294 我创建了一个自定义的Footable绑定。在我尝试使用嵌套任务之前，绑定完全按照我的意愿工作。

要查看我想要的行为，请按“添加任务”，按“确定”，单击刚刚创建的任务并添加另一个任务或子任务。按“确定”，再次单击任务，看到子任务已按预期保存。

要查看问题，请更改

至

重复上述步骤。您会看到子任务没有像您期望的那样“保存”。如果您按下“应用”，然后添加子任务，它会显示为有效，直到您将“确定”推回主列表，然后再次查看任务。您会看到子任务并没有真正推送到正确的数组。

编辑：我已将问题缩小到触发 footable_redraw 的位置。当我禁用它时，数据会按预期显示。脚注不会重绘，但至少知道我知道问题不在于底层数据或视图模型。

编辑：我已经将问题追溯到footable.js中的这段代码：（第615行）

所以，由于某种原因，这些列被设置为隐藏，我只是不确定如何设置它们以便它们不被隐藏。

编辑：我发现如果我这样做：（在footableBinding.js中）

代替：

这给出了我期望的行为，但这似乎不是解决问题的正确方法。

我正在使用 Footable 和 Knockout 以及 knockout-delegatedEvents。我有一个委托事件处理表格每一行的特定列。Footable 有断点，当屏幕缩小到某个点时会隐藏列。屏幕缩小并隐藏列后，单击行，将显示隐藏列的数据。

我遇到的问题是，当我单击列时，我为这两个事件指定了委托事件。（淘汰赛事件和footable事件。）

有没有办法告诉 knockout-delegatedEvents 不要冒泡事件？或者有没有办法告诉footable 只扩展特定列的行？（默认情况下，当您单击行上的任意位置时，footable 会展开。）

编辑：添加一个 plunk 来演示这个问题。（http://plnkr.co/edit/0dAeDuPunftjaqEh3ijP）

Decs、Test Col 1 和 Test Col 2 都具有 data-click 属性，并将调用 selectItem 函数，该函数显示一个模式对话框。如果屏幕缩小到手机大小，Test Col 1 和 2 将被隐藏，并在第一行显示一个图标。如果您单击该图标或该行上的其他位置（删除按钮除外），该行将展开并且可以看到 Test Col 1 和 2 的值。我希望看到的行为是仅在单击行前面的图标时才展开该行。

理想情况下，这将是一个 Footable 设置，但如果我可以通过淘汰赛委托事件获得我想要的行为，我会这样做。

我有一个证明我的问题的 plunk：http: //plnkr.co/edit/PzBrcTX0Vnn01xWy4dk6

这是一个包含“设置”列表的表格。它使用Footable，因此可以对列表进行排序以及Footable的其他功能。

场景一：运行，按下删除设置按钮进行一行或多行。请注意，按下按钮后该行将被删除。这是预期的行为。

场景2：运行，点击设置列标题并确保列已排序，按下删除按钮。请注意，该行并未从视图中删除。

如果在 ApplicationSettings.js 中设置断点：

您可以看到，在这两种情况下，可观察数组都按预期删除了项目，但在场景 2 中，视图没有按预期更新。

So I am using footables in my website which is a jQuery plugin. I wrapped it in a angular directive like so:

and then I call footable like

The problem is that even though the directive is creating a footable, the footable needs 100 ms to work and if i start in mobile it doesn't reflow unless I send a timeout in my controller like this:

The problem with this is that I am using jquery and putting this is my page controller. I'd like to put that timeout and redraw in the directive and have it work? or is there another way to get finnicky jquery plugins to work?

我希望能够指定触发数据切换事件的列，这样我就可以让其他列响应不同的事件而不切换数据。

这是一个可以显示我所看到的内容的 plunk：http: //plnkr.co/edit/wqyuuqNfb6qxXBWyHoRo

单击时，除第一列和最后一列之外的所有列都将显示模式对话框。当屏幕缩小并且数据折叠时，切换图标显示在第一列。单击此图标时，数据将按预期切换。我遇到的问题是，当您单击名字时，数据被切换，然后显示模式。有没有办法将切换事件限制在指定的列？

当您在 Footable 中有多页数据时，列宽会随着您翻阅数据而发生变化，具体取决于在任何给定时间每列中显示的内容。这很丑陋。

我认为我的客户的要求意味着我不会有响应表，但也许有我看不到的方法。

Footable 在客户端处理分页。从技术上讲，应该可以从第一页“锁定”列宽，并强制它在整个数据中保持不变。不过，我认为 Footable 没有这个选项。

这个 jsfiddle说明了这个问题（jsFiddle CSS 有点干扰我的，因为它也有 Footable 类）。

我可以在 % 中指定列的宽度 - 即使在视口缩小时隐藏列，这似乎也有效。

有没有人有另一个/更好的建议？

我有一个使用 Knockout.js ForEach.i 绑定的表，我使用 footable 来提高平板电脑和移动设备的响应性和兼容性。

在大屏幕上我没有问题，但是当我重新调整页面扩展图标的大小时，我有这个错误：“未捕获的类型错误：无法读取 null 的属性‘名称’”我在这里找到了一些东西，但我不能还没解决我的问题。

有没有办法获得过滤器功能的可测量结果，例如显示的行数？

我正在使用的代码是使用 handlebar.js 创建表。现在我想使用footable让它响应。但是，footable 不起作用......可能它无法识别脚本标记内的表头。

我的代码看起来像这样

{{#每个这个}}

{{/每个}}

我在footable类下有一个文本框。我想编辑这个文本框，但不能在移动设备上工作。

当我单击文本框时出现在移动键盘上，但在第二个键盘自动消失后。

这是HTML语法