【问题标题】:Datatable - link column cell数据表 - 链接列单元格
【发布时间】:2015-08-04 07:07:33
【问题描述】:

我正在使用 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),如果链接参数的值为 1,则模态窗口打开,显示一个HTML表格,其中包含标签tbody,如果值为2,则模态窗口的HTML标签tbody表格的内容将不同(标题始终相同)。

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

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

【问题讨论】:

    标签: jquery json datatables


    【解决方案1】:

    你快到了。您可以将 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'}
    ]
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-05-11
      • 1970-01-01
      • 1970-01-01
      • 2012-03-01
      • 2017-12-25
      • 1970-01-01
      • 2013-04-14
      • 1970-01-01
      相关资源
      最近更新 更多