Étendre un widget jQuery UI 1.7

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);