das Merkmal des Widget in Knockout

Question

Ich habe ein Widget in Knockout wie folgt definiert HTML gezeigt:

<div class="container"> 
    <ul data-bind="fastForEach: employees"> 
     <li class="item" data-bind="css: { 'noclose': !$parent.isCloseVisible, 'withEdit': $data.showEdit }"> 
      <div> 
       <i data-bind="click: $parent.onClick, visible: $parent.isCloseVisible" class="itemClose"></i> 
       <span class="item" data-bind="text: $data[$parent.displayText]"></span> 
       <span data-bind="if: $data.showEdit" class="withEdit"> 
        <i class="list"></i> 
       </span> 
      </div> 
     </li> 
    </ul> 
</div> 

Dieses Widget gerendert wird, wie in Bild unten gezeigt.

Jetzt gibt es kein Click-Ereignis behandelt für bearbeiten Symbol (Das ist nur für die Anzeige Zweck). Und ich darf den Code des Widgets nicht ändern.

Gibt es eine alternative Möglichkeit, dieses Stiftsymbol clickable zu erstellen und das Klickereignis auf meiner Seite zu verarbeiten?

Answer 1

Ich denke, man kann immer einen Standard-Click-Handler anhängen

$(".withEdit").click(function() { 
    var employee = ko.dataFor(this); 
    // do whatever you like with the employee observable 
}); 

Wenn Knockout verwendet wird, ziehe ich es nicht immer jQuery wie folgt zu verwenden und die Knock-out-Ansatz zu verwenden, aber da Sie erwähnten Sie können nicht den vorhandenen Code ändern , könnte dies die Option sein