1

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

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

这是HTML语法

<th data-class="expand">Runs</th>
4

1 回答 1

0

[Footable 现在从 2.0.3 开始支持它]

像这样的 Footable 不能正确支持表单输入元素。在我们的项目中，我们有多个需要编辑的页面，我已经对脚注代码进行了更改以启用编辑。您可以尝试以下内容，它还包括文档：

https://github.com/bradvin/FooTable/pull/285

默认情况下，它应该适用于任何输入元素，但如果它是动态内容，那么您可以在列的“th”中将 data-editable 属性指定为 true。

这是它的工作原理，它为每个具有唯一 id 的 td 创建一个数据变量，并将其绑定到行及其详细信息，并根据可见性将内容从行分离到详细信息，反之亦然。

排

<tr class="footable-detail-show" style="display: table-row;">
    ....
    <td style="display: none;" data-bind-name="bind-1413864326707-4"></td>
    ....
</tr>

细节

<tr class="footable-row-detail">
    ....
        <div class="footable-row-detail-value" data-bind-value="bind-1413864326707-4">
            <input id="abc" type="text" value="200">
        </div>
    .....
</tr>

为了让它工作，它期望在表包含所有数据之后初始化footable（当data-editable =“true”时不需要）并且所做的任何更改都严格基于say id或元素选择器而不是基于输入元素td 选择器。例如，保留对 #abc 的更改，但如果您对

<td style="display: none;" data-bind-name="bind-1413864326707-4">

他们可能会迷路。

检查演示

http://jsfiddle.net/habeebhassan/1adjnygs/

于 2014-10-19T05:04:51.783 回答