jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – DataTables – 展开子项详细信息,而无需使用Ajax大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用一个使用 jquery DataTables(1.10版)的页面. TableData源当前只是在渲染页面上作为HTML表发送,并且工作完美.但是,我想要扩展行以显示详细的信息.

非常像Here的例子

然而,我正在使用的网站目前还没有设置任何类型的Web服务,所以我将无法进行ajax调用获取扩展的信息,如示例使用.

有没有办法可以在完全呈现的页面上提供父子关系的所有必要信息?

我可以以某种方式嵌套表数据来获取这个数据,或者告诉DataTables使每个其他表行成为上面的一个子代?

在数据表论坛上发布了同样的问题:Question

解决方法

您可以将子行的数据存储在父行的数据属性中,并相应地从示例中更改格式方法.就像是

你的HTML中:

<tr data-child-name="test1" data-child-value="10">
    <td>ParentRow</td>
    <td>No. 1</td>
</tr>

在点击处理程序(示例中的第50行)中:

row.child( format( tr.data('child-name'),tr.data('child-value') ).show();

并且作为格式方法的东西:

function format ( name,value ) {
    return '<div>Name: ' + name + '<br />Value: ' + value + '</div>';
}

大佬总结

以上是大佬教程为你收集整理的jquery – DataTables – 展开子项详细信息,而无需使用Ajax全部内容,希望文章能够帮你解决jquery – DataTables – 展开子项详细信息,而无需使用Ajax所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。