MDL在表

Question

我正在为自己制作一个待办事项应用程序，我希望有一个支票系统。我在这个项目中使用MDL（材料设计灯），但发现文档非常有限。我想将一个项目添加到已经将复选框设置为true / checked的列表中。

我找到了其他拥有此功能的代码，但我并不理解它。有人可以向我解释一下（我也使用旧的JS版本，所以这个语法对我来说是全新的）。这是链接https://codepen.io/pespantelis/pen/pjbvBL，我将第36行的完成更改为true，并获得了我想要的确切功能。

我的HTML（我添加到带有JS的页面）添加没有选中复选框的项目看起来像这样

<tr>
 <td class="mdl-data-table__cell--non-numeric">Thing to do</td>
 <td><i class="material-icons md-18 delete">clear</i><i class="id">ID</i></td>
</tr>

如果我可以做一些轻微的调整以使MDL版本使用勾选的复选框，那将是惊人的！

Answer 1

我发现了这个问题，而我正在尝试一些事情，我做了一个错字，当我尝试了一些事情时，我找到了解决方案。我应该插入的工作html如下所示：

<tr class="is-selected">
 <td class="mdl-data-table__cell--non-numeric">Thing to do</td>
 <td>
     <i class="material-icons md-18 delete">clear</i>
     <i class="id">ID</i>
 </td>

谢谢大家的帮助！