Adding a bindinghandler with jqueryui sortable in knockout

Question

I'm adding a sortable element on a table, it's a new requirement right at the end of the project so I don't feel I have the time to learn and add the knockout-sortable plugin. I tried adding a binding handler with a simple call to the element using jqueryui to make it sortable but ran into an error:

Object [object Object] has no method 'sortable'

The binding handler is really simple:

ko.bindingHandlers.sortItems = {
    init: function () {
        $('#itemGroup').sortable();
    }
};

and the table is a table with a data-bind: foreach, looping through an array of items:

<tbody id="itemGroup" data-bind="foreach: itemDetails, sortItems: {}">

Any idea where I could be going wrong here?

Aliaksei Shytkin · Accepted Answer · 2013-05-30 15:39:34Z

2

It seems sortable plugin is not loaded when you call it. Check order of tags.

answered May 30, 2013 at 15:39

Aliaksei Shytkin

4254 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Organiccat Over a year ago

That was pretty much it, I'm using require JS and I didn't notice I was manually including the jqueryUI plugin pieces. Sortable was not included.

Collectives™ on Stack Overflow

Adding a bindinghandler with jqueryui sortable in knockout

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related