Question

我正在使用数据表来显示花式卡布局中的JSON数据。我正在使用DT的render方法来制作卡片的HTML代码：

"render": function ( data, type, row, meta ) {  
   var formattedHTMLRow = "<div title = '" + row.title + "'>"+ row.service_name + "<p>" + row.category_name + "</p>" + "</div>";
   return serviceNameColumn;
}

formattedHTMLRow是创建卡片视图所需的实际HTML代码的淡化版本。我不想在Javascript中编写很多HTML代码。

理想情况下，我想使用HTML模板加载* .html文件，并使用render方法来使用它。我该怎么做？

Answer 1

如果我理解了你需要的东西，你想要导入一个包含大量HTML代码的文件，更改它然后在datatables列上渲染它，对吗？

我已经编写了一个简单的plunkr来完成它，请在此处查看：http://plnkr.co/edit/99ux1uF3DPW1k7T5Ovq7?p=preview

它使用link标记和rel='import'来指定我们要加载的文件，稍后使用简单的javascript在DataTable的渲染方法中使用它。

我认为代码非常明显，如果您需要额外的信息，请问。

进一步阅读：

HTML5 Imports: Import HTML Files Into HTML Files

希望它可以帮到你！

数据表，在哪里为各行格式编写自定义HTML代码

1 个答案: