在使用type =“ html”将HTML代码呈现到px-data-column时需要帮助

时间:2019-05-16 20:22:55

标签: javascript polymer-1.0 predix

我已经使用px-data-table在聚合物1.0中编写了一个表,我希望该表中的某一列可以显示一个复选框选项。

我在编写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>
'''

在表中,我需要在最后一列中看到一个复选框。我已经尝试了多种方式,通过使用DOM或使用过滤器功能名称来呈现一小段html代码。谁能帮助我了解如何在此处实际添加html代码。

谢谢。

1 个答案:

答案 0 :(得分:1)

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

我将在将数据插入表的页面中添加此代码段。因此,当此代码段与type =“ html”插入同一列时,它将显示一个复选框。