Enable/disable events?

[LLLLLLL]

I'm using http://api.jqueryui.com/sortable/ and I'd like my table to be unsortable by default, a user clicks something, and then it's sortable, then they click something else and it's not sortable.

 

I thought I could use these two functions:

function enable_sort() {
	$( ".btf_table tbody:first" ).sortable({
	    helper: fixHelperModified,
	    stop: updateIndex,
	    axis: "y"
	    //handle: '.handle'
	}).disableSelection();
}

function disable_sort() {
	$( ".btf_table tbody:first" ).off();
}

I can use them, but then I cannot use "enable_sort" again after "disable_sort" is called. I'm sure I'm mis-uisng the "off" function but I'm not sure what I'm supposed to be calling instead, or with which parameters.

[requinix]

You should probably be using the enable/disable methods.

 

Set up the sorting at the start and then disable it immediately (since that's the default). Then enable/disable as needed.

[LLLLLLL]

Yes, that definitely works, thanks.

 

But in general, let's say no "enable/disable" option exists, how would I add and remove (in this case) the "sortable" function? Just curious for future reference. Thanks.

[requinix]

destroy method to remove, then re-add when you want it. But enable/disable is still the best option.

[LLLLLLL]

Thanks