This example is the same as the "Drag Delegation with Drop Target" example except we add some plugins.

{{>delegate-plugins-source}}

Adding Plugins to a Delegate instance

`DD.Delegate` provides a reference to the `dd` instance so you can plug into the underlying `dd` with `del.dd.plug()`. This allows you to use DD plugins on a Delegate instance, as well as provides the ability to write plugins for Delegate itself.

Constrain Plugin

Here is how you would add the constrain plugin to a `DD.Delegate` instance.

``` YUI().use('dd-delegate', 'dd-constrain', function(Y) { var del = new Y.DD.Delegate({ container: '#demo', nodes: 'li' }); del.dd.plug(Y.Plugin.DDConstrained, { constrain2node: '#play' }); }); ```

DDProxy Plugin

Here is how you would add the dd-proxy plugin to a `DD.Delegate` instance.

``` YUI().use('dd-delegate', 'dd-proxy', function(Y) { var del = new Y.DD.Delegate({ container: '#demo', nodes: 'li' }); del.dd.plug(Y.Plugin.DDProxy, { moveOnEnd: false, cloneNode: true }); }); ```

Full Example Source

HTML

``` {{>delegate-plugins-source-html}} ```

CSS

``` {{>delegate-plugins-source-css}} ```

Javascript

``` {{>delegate-plugins-source-js}} ```