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 プラグインのテンプレートはtext、td. これinnerTextによりセルの が設定されるため、HTML コンテンツはすべてエスケープされます。

シンプル グリッド プラグインのテンプレート (「ko_simpleGrid_grid」と呼ばれる) を変更して、htmlバインディングを使用するかtext、必要な特定のコンテンツを実際にレンダリングする必要があります。