文本输入在移动设备上无法正常工作

时间:2014-03-28 10:52:20

标签: html mobile footable

我有一个足够类的文本框。我想编辑此文本框但不能在移动设备上工作。

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

这是HTML语法

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

1 个答案:

答案 0 :(得分:0)

[足迹现在支持从2.0.3开始]

Footable本身不能正确支持表单输入元素。在我们的项目中,我们有多个页面需要编辑,我更改了可打开的代码以启用编辑。您可以尝试使用以下内容,它还包括文档:

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

默认情况下,它应该适用于任何输入元素,但如果它是动态内容,那么您可以在&#34; th&#34;中指定数据可编辑属性为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 =&#34; true&#34;时不需要),并且所做的任何更改都严格基于说id的输入元素或元素选择器,而不是基于td选择器。例如,保留对#abc的更改,但是如果您对

进行了更改
<td style="display: none;" data-bind-name="bind-1413864326707-4">
他们可能会迷路。

查看演示

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