需要帮助将 HTML 代码呈现为 px-data-column with type="html"

Question

我已经使用 px-data-table 在 Polymer 1.0 中编写了一个 table，我希望此 table 中的其中一列显示一个复选框选项。

我在编写 filterFunctionName 以及如何在特定列中呈现 html 代码时遇到问题。

'''
<px-data-table id="mytable" filterable selectable table-data="{{minidata}}">
   <px-data-table-column name="first" filterable sortable editable>
    </px-data-table-column>
    <px-data-table-column name="last" editable sortable> 
    </px-data-table-column>
    <px-data-table-column name="Checkbox" type="html" filterable
     filter-function-name="myTableCustomFunctions.Rendercheckbox()">
     </px-data-table-column>
 </px-data-table>
'''

在 table 中，我需要在最后一列中看到一个复选框。我尝试了很多方法来通过使用 DOM 或使用过滤器函数名称来呈现那一小段 html 代码。谁能帮助我了解如何在此处实际添加 html 代码。

谢谢。

Answer 1

data.Checkbox="<input type='checkbox' id="checkbox1" name="checkbox1" class='selectAll'/>";

我将在我的页面中添加此代码段，我将数据插入 table。因此，当将此代码段插入到类型为 "html" 的同一列时，它会显示一个复选框。

需要帮助将 HTML 代码呈现为 px-data-column with type="html"

Need help in rendering HTML Code to px-data-column with type="html"

javascript

polymer-1.0

predix