Pour étendre un widget jQUery UI, 3 choses importantes :
- jQuery UI utilise la fonction data() pour stocker les informations liées au widget. L'identifiant utilisé est le nom de votre widget, il faut donc le copier dans le data original.
- Pour chaque fonction, il faut appeler la fonction du widget original avec apply().
- Définir les options par défaut.
$.widget("ui.customsortable", $.extend({}, $.ui.sortable.prototype, {
_init: function(){
this.element.data('sortable', this.element.data('customsortable'));
return $.ui.sortable.prototype._init.apply(this, arguments);
}
// Override other methods here.
}));
$.ui.customsortable.defaults = $.extend({}, $.ui.sortable.defaults);