Question

我有一个按钮，它需要一些属性/元素，如 id、解释、原因等。这个按钮在ajax和dynatable插件的帮助下添加到动态表中，添加按钮我使用了writters选项并以这种方式添加：

actions: function (record)
    var btn = "<button class='btn btn-sm action-btn-edit'
             id='" + record.id + "' explanation='" + record.explanation + "'                                       record.explanation + "'><i class='fas fa-edit'></i></button>";
             return "<div class='btn-group'>" + btnEdit + "</div>";

此按钮将从表中获取数据到按钮中的相应属性、id、解释、原因。问题是解释可能太长并且还包含特殊字符，当我部署它时，该属性中的文本最终显示在实际按钮内。

是否有任何解决方案允许在属性中使用特殊字符，因为我认为这是问题所在？

Answer 1

更好的解决方案是使用按钮 id 来引用保存数据的 JSON 结构，在我的示例中，我只是在按钮呈现函数中缓存记录数据。

 var _CACHE={}; // we store our data here;

 function editBtn(record){
   _CACHE[record.id] = record; // make a reference to our data in a global
   var btn = "<button class='btn btn-sm action-btn-edit' id='" + record.id + "'>"
   return btn;
 }

 function btnClick(btn){
    // get the record this button represents using its id   
    var data =  _CACHE[btn.id];

    // so something with your data: data.explanation, etc.
 }

允许标签按钮属性中的特殊字符

1 个答案: