0

私はしばらくの間Bootstrapを使用していて、それが大好きです。たくさんの時間を節約できます。KnockoutJSを使い始めたばかりですが、たまたま、この2つをかなりきめ細かいレベルで組み合わせる必要があります。Knockoutオブジェクトが結果テーブルを埋めています。値（名前など）が必要な場合は、うまく機能しています。ただし、リンクの前にアイコン（Bootstrapの人向けのアイコン鉛筆）を配置して、編集するものとして目立つようにします。ASP.Net（MVCではない）を使用していますが、それは問題ではないと思います。

動作するコードを次に示します（ただし、アイコンはありません）。

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

ただし、鉛筆アイコンを取得するために、「GeneratorName」の直前に次のコードを追加したいと思います。LinkBut​​tonの一部であるように、textプロパティ内にある必要があります。

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

それらをbind-dataで組み合わせると（次のように）、解析エラーがスローされます。

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

2つの値を組み合わせた新しいプロパティをオブジェクトに作成する以外に、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 に答える