首页 > 解决方案 > DataTables 渲染返回字符串在按钮内被转义

问题描述

我正在尝试将长字符串传递给模态。在 dataTable 创建中,我正在这样做。

render: function(data, type, row) {return '<button class="btn btn-primary" data-toggle="modal" data-id="'+row.IncidentID+'" data-journal="'+row.Journal+'" type="button" data-target="#myModal">'+"Details"+'</button>'} },

问题是 row.journal 在某些情况下数据被转义并显示在按钮中。在这些情况下,单击按钮也不会启动模式。只是刷新页面。

这是它的样子

我以这种方式使用它传递给模式,以便我可以检索日志数据。

$(document).ready(function(e){
    $("#myModal").on('show.bs.modal', function (e) {
    console.log("in modal call");
    var triggerLink = $(e.relatedTarget);
    var journal = triggerLink.data("journal");
    var id = triggerLink.data("id");
    console.log(e.relatedTarget);
    console.log(journal);
    $("#modalTitle").text("Incident: " + id);
    $(this).find(".modal-body").html("<p> "+journal+"</p>");});});

标签: javascriptjquerydatatables

解决方案


推荐阅读