5

これを行う例はどこにもありませんが、過去に見たことがあると断言できます。

ファンシーツリーのノードにボタンを追加して、そのノードにカーソルを合わせると (または選択すると)、ボタンが表示され (たとえば、赤い円に白い x が表示され)、クリックするとそのノードが削除/削除されるようにします。 . それ以外の場合は、ノードの削除ボタンを非表示にする必要があります。

ファンシー ツリー ノードにカスタム リンクまたはボタンが追加されている例を見つけることができませんでした。おそらくそれができないか、間違った検索用語を使用しているだけなのでしょうか?

編集: タイトル文字列に html を追加して、クリック可能なボタンを追加する方法を見つけました:

title: component.name() + "<span class='deleteButton'><a href='#' data-bind='click: myfunction'><img src='../../Content/images/deleteIcon.png' /></a></span>",

そして、いくつかのカスタム css を私のサイト ファイルに追加することによって:

span.fancytree-node span.deleteButton {
    display: none;
}
span.fancytree-active span.deleteButton {
    margin-left: 10px;
    display: inline-block;
}

ただし、これによりボタンがタイトル テキストに追加されるため、アクティブなときにタイトルが強調表示されます。これをタイトルテキストのノード OUTSIDE に追加する方法があればより良いでしょう。それは可能ですか？

4

2 に答える 2

0

私は通常、そのような場合に css ':after' を使用します ( https://developer.mozilla.org/de/docs/Web/CSS/::after )。それでも十分でない場合は、「renderNode」イベントでいつでもマークアップを微調整できます。

于 2014-09-18T19:36:02.027 に答える