javascript - 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>");});});
解决方案
推荐阅读
- reactjs - 相同 React 组件类型的多个实例无法正确呈现
- javascript - 错误:尝试访问 Twitter API 时未能在会话中找到请求令牌
- python-3.x - 在 Pandas 数据框中过滤多个列以获取相同的字符串
- sqlite - 不确定如何使用两个表编写 INSERT INTO 并合并 IF NOT EXISTS
- c# - С#。错误“具有不同签名的预期方法”。但显示相同的签名
- c++ - 在 Ubuntu 的帧缓冲区上使用 LVGL
- java - Dexter android 库无法正常工作
- node.js - 错误:请求失败,状态码 401 在 getStaticPaths 上获取数据
- java - 具有唯一约束的 JPA saveAll 跳过数据库错误而不是回滚
- svg - 将多个复选框/输入添加到 svg 图像的各种方法的优缺点?