将jQuery插件树表与Knockoutjs结合使用

Question

I am using knockout.js and want to use the jquery plugin treetable . But I don't get it to work. Has someone build something similar using knockout.js and probably with this plugin?

I was trying to integrate it using a bindingHandler:

<table data-bind="treetable: tasks, treeOptions: { initialState: 'expanded' } ">
  <tbody data-bind="foreach: tasks">
    <tr data-bind="attr: { 'data-tt-id': id, 'data-tt-parent-id': parentId }">
      <td data-bind="text: title"></td>
    </tr>
  </tbody>
</table>

See my full code here: http://jsfiddle.net/qhgfx0ff/1/

Thanks for any hint or help!

Cheers, TeeJay

Answer 1

We cannot directly use thirdparty plugins in knockout. We need to create a custom binding for them.

Look at the section

Custom binding handlers

in the link here which has integrating third party widgets in knockout. You can use similar kind of logic here