如何在thymeleaf片段上初始化bootstrap数据表

Question

我在thymeleaf片段上使用了bootstrap数据表，但是当我使用AJAX调用加载片段时，数据表没有被初始化。如何在片段加载时调用数据表初始化？

Answer 1

我找到了答案。为了使用ajax调用加载片段，我使用下面的代码片段

 $('#divid').load(url)

上面的代码片段会将动态生成的ajax片段加载到divid div。现在解决方案是在“完成”上初始化数据表。加载网址

 $('#divid').load(url,function() {$('#datatableid').DataTable();});

请参阅jquery load

此外，如果您需要为片段中的任何特定html组件（如按钮）指定任何事件，那么为了使事件起作用，您还可以在完整函数上指定事件处理javascripts，如下所示（取消是一个我片段中的按钮。

 $('#divid').load(url,function() {
    $('#datatableid').DataTable();
    $('.cancel').click(function(){
    });
});