List.js - 使用输入字段，而不是TD，H3，P值

在List.js网站，他们清楚地列出了如何使用表，甚至提供了一个例子：http://www.listjs.com/examples/table ...List.js - 使用输入字段，而不是TD，H3，P值

<tr> 
    <td class="name">Jonny Stromberg</td> 
    <td class="born">1986</td> 
</tr>

然而，我想使用输入值代替...

<tr> 
    <input class="name" value="Jonny Stromberg"> 
    <input class="born" value="1986"> 
</tr>

结果是意外的，输入值显示为空。但是，最终目标是提供输入值名称并将会话中的列/行保存起来。

任何人都在同一条船？

来源

2016-07-22 Karl Hill

尝试在<td></td>标记中包装<input>。您已正确设置<inputs>标记的value，因此它们应正确填充。

的东西，像这样的工作对我罚款：

<table> 
    <!-- IMPORTANT, class="list" have to be at tbody --> 
    <tbody class="list"> 
     <tr> 
     <td><input class="name" value="Jonny Stromberg"></td> 
     <td><input class="born" value="1986"></td> 
     </tr> 
     <tr> 
     <td><input class="name" value="Jonas Arnklint"></td> 
     <td><input class="born" value="1985"></td> 
     </tr> 
     <tr> 
     <td><input class="name" value="Martina Elm"></td> 
     <td><input class="born" value="1986"></td> 
     </tr> 
     <tr> 
     <td><input class="name" value="Gustaf Lindqvist"></td> 
     <td><input class="born" value="1983"></td> 
     </tr> 
    </tbody> 
</table>

的jsfiddle - https://jsfiddle.net/oLbey91h/1/

来源

2016-07-22 22:00:19 James

我以为我已经尝试过，但我会再试一次。你在HTML之后加入了JS脚本吗？ –

@KarlHill是的，在他们的例子中，他们也在'

'之后使用它。对于我所有的应用程序，我在我的''标签之前弹出脚本。 – James

下面是一个似乎没有正确工作的示例，当然不会将列表中的新项添加到表中。 http://pastebin.com/A1vRJS5F –

我是能够实现使用输入字段和填充值属性所需的结果。这是一个Pastebin：http://pastebin.com/dEfjdNCi。

请注意，在“选项”中，类名指向属性“值”。

<div id="users"> 
    <table> 
     <!-- IMPORTANT, class="list" have to be at tbody --> 
     <tbody class="list"> 
     <tr> 
      <td style="display:none;"><input class="id" type="hidden"></td> 
      <td><input class="name"></td> 
      <td><input class="born"></td> 
     </tr> 
     </tbody> 
    </table> 
</div> 

<script> 
    $(document).ready(function() { 
     var options = { 
      valueNames: [ 
       {attr: 'value', name: 'id'}, 
       {attr: 'value', name: 'name'}, 
       {attr: 'value', name: 'born'}, 
      ] 
     }; 
</script>

来源

2016-07-23 15:51:11

List.js - 使用输入字段，而不是TD，H3，P值

回答

相关问题