2

我正在寻找一种方法,可以将“添加新”按钮添加到我的数据表页脚区域,以便在单击时将用户发送到添加新表单。我查看了数据表网站,不确定是否应该使用它。

http://datatables.net/extras/tabletools/

对此还有其他想法吗?

var oTable = $('#users').dataTable({
    "bAutoWidth": false,
    "aoColumnDefs": [
        { "sWidth": "60px", "aTargets": [ 0, -1 ] },
        { "bSortable": false, "aTargets": [ -1 ] },
        { "sClass": "center", "aTargets": [ 0, -1 ] }
    ]
} );
4

1 回答 1

1

你不应该需要 TableTools。

在数据表中,您可以设置sDOM指定表的 DOM 布局的属性。您可以在此处阅读有关它的更多信息,但提出它的主要目的是它允许您指定一个自定义div放置在您的页脚中。然后,您可以使用 jQuery 将您的按钮附加到该 div 或类似的东西。此外,CSS 应该可以很好地在页脚中定位该元素。

这是有关 Datatables DOM 设置的更多信息

这是 Datatables 论坛中的一个很好的问题,可能会帮助您

祝你好运!

更新:我刚刚去了您的网站并查看了您的数据表设置。因为您使用的是模板,所以他们提供的数据表代码在某种程度上已经被混改了——这反过来意味着您可能在 datatables.net 支持站点中看到的某些“默认值”无法应用。他们肯定改变了sDom默认值。这是他们正在使用的...:

'<"top"lf<"clear">>rt<"actions"<"actions-left"i><"actions-right"p>>'

看起来“动作”是他们的页脚div。简单的方法是通过动态添加按钮$(selector).append()。如果您需要帮助,我会访问 jQuery 站点。

再次 - 祝你好运!

更新2:回应您的评论:

那么选择器会是什么?

您的选择器将是'#actions'. 但同样——如果你不熟悉$上面的语法,你可以通过阅读jQuery来帮自己一个忙。sDom如果您已经熟悉 jQuery 并且只是在寻找要使用的选择器 ID,我深表歉意(在这种情况下,以供将来参考 - datatables参数中引号中的任何内容都将是div您可以在选择器中使用的 ID )。

于 2012-04-24T13:15:30.437 回答