jQuery dotdotdot Plugin deaktivieren knokokut Bindungen

Question

Ich habe ein Problem mit .dotdotdot jQuery Plugin mit KnockoutJS verwendet. I haben eine ähnliche Struktur:

<div class="dotdotdot"> 
    <h3 data-bind="text: Text"></h3> 
</div> 
<input data-bind="value: Text"/> 
<button data-bind="click: someThingsThatTriggerDotdotdotFunction"/>  

Das Problem ist, dass, wenn dotdotdot Funktion wird auf HTML-Element mit Klasse dotdotdot dann Bindungs ​​Beziehung gebrochen genannt wird.

$('.dotdotdot').dotdotdot({}); 

Nachdem der oben beschriebene Ausführung von Code-Wert von h3 nicht länger nach dem Eingabewert ändert Aktualisierung wird.

Ich bin neu zu Knockout, also möchte ich um etwas Hilfe mit meinem Problem bitten.

Answer 1

habe ich eine benutzerdefinierte Bindung Handler, um das Problem zu umgehen:

ko.bindingHandlers.dotDotDot = { 
 
    update: function (element, valueAccessor, allBindingsAccessor) { 
 
     var options = ko.utils.unwrapObservable(valueAccessor()); 
 
     var value = allBindingsAccessor().dotDotDot.Value; 
 

 
     $(element).html(value()); 
 

 
     var dotdotdot = $(element).parent().truncate(options); 
 

 
     allBindingsAccessor().dotDotDot.Value.subscribe(function (newValue) { 
 
      $(element).html(newValue); 
 
      dotdotdot.trigger("update.dot"); 
 
     }); 
 
    } 
 
};

<div class="announcement-container"> 
    <div data-bind="dotDotDot: { Value: Announcement, height: 80 }"></div> 
</div>