在数据表中插入 EasyUi 链接按钮答案

【问题标题】：Insert EasyUi linkbutton in Datatables在数据表中插入 EasyUi 链接按钮
【发布时间】：2017-02-22 11:05:35
【问题描述】：

我在我的网站中使用 Jquery Datatables (https://www.datatables.net)，我想在一个单元格中插入一个来自通过 Ajax 加载的 ui "EasyUi" (http://www.jeasyui.com) 的链接按钮，但浏览器将其显示为普通链接而不是按钮链接。

这是带有 Ajax 的 php 在单元格中插入的代码

<a href='#' class='easyui-linkbutton'>Test</a>

如果我在表格中使用一些代码，它可以正常工作

【问题讨论】：

我猜你像这样初始化表格外的按钮：$('.easyui-linkbutton').linkbutton({...});?您需要在 drawCallback 中再次调用它，或者像这样添加data-options：jeasyui.com/documentation/linkbutton.php 也许值得建立一个 JSFiddle 以帮助我们进行测试。
嗨，我使用了标记中的链接按钮，而不是以编程方式。我无法在外面初始化，因为我的每一行表格都有一个按钮。我使用这个按钮为每一行打开一个编辑器。我不能在 JSFiddle 上发布它，因为代码被封装在 UI 的其他元素中，并且不能单独工作。我无法向您展示，因为它位于互联网上不可见的本地局域网中的网络服务器中。
如果我不使用 Ajax 调用加载数据，它就可以工作。这是我需要的一个例子：jsfiddle.net/skyfox/6ak4wtf9/17

标签： jquery ajax datatables jquery-easyui

【解决方案1】：

您需要像这样在 drawCallback 中设置按钮：

$(document).ready(function(){
    $('#example').DataTable({
        "drawCallback": function( settings ) {
            $(".easyui-linkbutton").linkbutton();
        }
    });
});

工作 JSFiddle here。您的 JSFiddle 不起作用，因为您将 http 与 https 混合在一起，因此您的一些外部资源没有被加载。希望对您有所帮助。

【讨论】：