javascript - Knockout.js SimpleGrid 无法正确渲染

Question

我试图修改Knockout.js simpleGrid ，这样我就可以在单元格内容中放置超链接。我更换了

 this.addItem = function() {
    this.items.push({ name: "New item", sales: 0, price: 100 });
};

与

 this.addItem = function() {
    this.items.push({ name: "<a href='#'> click me </a>", sales: 0, price: 100 });
};

希望在点击“添加项目”按钮后，会出现一个新项目，其名称中带有链接。不幸的是，它呈现为纯文本，我在新项目的名称中得到了它

 <a href='#'>click me</a>

那么，有人可以帮忙吗？我想在网格单元格内放置一个超链接

Answer 1

simpleGrid 插件中的模板使用 td 上的 text 绑定(bind)。这将设置单元格的 innerText，因此任何 HTML 内容都会被转义。

您需要修改简单网格插件中的模板(称为“ko_simpleGrid_grid”)，以使用 html 绑定(bind)而不是 text 或实际呈现特定内容你想要的。