javascript – 如何在DataTables按钮中设置href？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在DataTables按钮中设置href？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1211字，纯文字阅读大概需要2分钟。

内容图文

我使用DataTables格式化表格.我也使用他们的插件用于按钮.我正在尝试创建一个自定义按钮以重定向到另一个页面,我将创建一个Excel文件供下载.我只是不确定如何设置href.我试过这个：

$.fn.dataTable.ext.buttons.export =
{
    className: 'buttons-alert',
    text: "Export All Test III",
    action: function (e, dt, node, config)
    {
        var SearchData = dt.rows({ filter: 'applied' }).data();
        var OrderData = dt.order();
        alert("Test Data for Searching: " + SearchData);
        alert("Test Data for Ordering: " + OrderData);
    },
    href: './AjaxHandler.php'
};

href被忽略而未设置.我需要设置href.

我该怎么做呢？

我可以在Firefox的Dev Tools中看到它具有该属性,但它被设置为#喜欢这样：

编辑

我已经尝试在初始化后设置href,如下所示：

$('.dt-button.buttons-alert').attr('href', './AjaxHandler.php');


document.querySelector('.buttons-alert').setAttribute('href', './AjaxHandler.php');

但是,这些都不起作用,href仍然只显示#.

解决方法:

我已经把它付诸实践了.我仍然无法在按钮中设置href.我能做的是：

$.fn.dataTable.ext.buttons.export =
{
    className: 'buttons-alert',
    id: 'ExportButton',
    text: "Export All Test III",
    action: function (e, dt, node, config)
    {
        //This will send the page to the location specified
        window.location.href = './AjaxHandler.php';
    }
};

即使它采用不同的方式,这也可以实现同样的目的.

内容总结

以上是互联网集市为您收集整理的javascript – 如何在DataTables按钮中设置href？全部内容，希望文章能够帮你解决javascript – 如何在DataTables按钮中设置href？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端