dotdotdot plugin together with Knockout remove content

91 views Asked by At

I has knockout custom binding and use "dotdotdot" into it.

ko.bindingHandlers.dotdotdot =
{
init: function (element, valueAccessor, allBindingsAccessor) {
      var value = ko.utils.unwrapObservable(valueAccessor());
      $(element).text(value);
      setTimeout(function () {
          $(element).dotdotdot({ wrap: 'letter', fallbackToLetter: 'letter', 
          watch: 'window' });
          }, 300);
      },
update: function (element, valueAccessor, allBindingsAccessor) {
      var value = ko.utils.unwrapObservable(valueAccessor());
      $(element).text(value);
      setTimeout(function () {
      $(element).dotdotdot({ wrap: 'letter', fallbackToLetter: 'letter', 
      watch: 'window' });
         }, 300);
      }
};

I use this binding like this

<table>
 <tr>
 ....
  <td>
     <span data-bind="dotdotdot: TeamMemberName ">
  </td>
</tr>
</table>

where self.TeamMemberName = ko.observable(data.TeamMemberName);

After page loaded "dotdotdot" completely removes all content and column becomes empty. I try to use "height" property with span, but it doesn't work. What I do wrong?

0

There are 0 answers