0

我一直在使用 Bootstrap 并且喜欢它。节省了我很多时间。我刚从 KnockoutJS 开始，碰巧我必须在一个相当细粒度的级别上将两者结合起来。我的淘汰赛对象正在填写结果表。当我只想要值（如名称）时，它工作得很好。但是，我想在我的链接前面放一个图标（Bootstrap 人的图标铅笔），这样它就可以作为编辑的东西脱颖而出。我正在使用 ASP.Net（不是 MVC），但我怀疑这不是问题。

这是一些有效的代码（但没有图标）：

<asp:LinkButton ID="lbtEditGenerator" runat="server" data-bind="text: GeneratorName, click: function() { EditGeneratorClick(GeneratorID) }"></asp:LinkButton>

但是，我想在“GeneratorName”前面添加以下代码以获得铅笔图标。我需要它在 text 属性中，所以它是 LinkBut​​ton 的一部分：

<i class='icon-pencil'></i>

在绑定数据中组合它们（如下）会引发解析错误：

<asp:LinkButton ID="lbtEditGenerator" runat="server" data-bind="text: <i class='icon-pencil'></i> GeneratorName, click: function() { EditGeneratorClick(GeneratorID) }"></asp:LinkButton>

除了在我的对象上创建一个结合了这两个值的新属性之外，还有没有办法通过 Knockout 绑定来做到这一点？

4

1 回答 1

2

你有没有尝试过这些方面的东西：

<asp:LinkButton ID="lbtEditGenerator" runat="server" click: function() { EditGeneratorClick(GeneratorID) }">
    <i class='icon-pencil'></i>
    <span data-bind="text: GeneratorName"></span>
</asp:LinkButton>

或者，您可以将<i>元素放在<asp:LinkButton>. 上面的解决方案允许您单击图标或文本来触发按钮。

于 2012-05-04T00:53:54.547 回答