数据表 - 链接列单元格

时间:2015-08-04 07:07:33

标签: jquery json datatables

我使用Datatable显示数据并使用AJAX调用对存储在JSON对象中的文件收费。

我需要其中一列是带有链接的文本,该链接打开模态窗口。

    "columns": [
        { 'data': 'BATCH'},
        { 'data': 'DATE'},
        { 'data': 'STARTTIME'},
        { 'data': 'FINISHTIME'},
        { 'data': 'STATUS'},
    ]

例如,colum Batch是从JSON文件加载的,我希望成为一个打开模态窗口的链接。

请问,我在哪里编写链接,在JSON中,何时加载DataTable,或者使用API​​ DataTable?

在同一问题上,我有另一个问题。而不是使用按钮我使用了href,我需要在列的链接上传递参数,例如参数,类型,具有三个值(1,2和3),如果link参数的值为1,则打开模态窗口,显示包含在标签tbody内的HTML表,如果值为2,则模式窗口的HTML标签tbody表的内容将不同(标题始终相同)。

有什么建议吗?我可以用模态窗口做,还是需要三个? (两种解决方案都有效)。

最重要的是模态窗口表,根据链接的变化被按下。

1 个答案:

答案 0 :(得分:2)

你快到了。您可以将render function添加到要编辑的单元格的列数组中。

"columns": [
    { 
        'data': 'BATCH',
        'render': function(data){
            return $("<button></button>", {
                "text": data,
                "type": "button",
                "class": "btn btn-primary",
                "data-toggle": "modal",
                "data-target": "#myModal"
            }).prop("outerHTML");
        }
    },
    { 'data': 'DATE'},
    { 'data': 'STARTTIME'},
    { 'data': 'FINISHTIME'},
    { 'data': 'STATUS'}
]