Drag & Drop

Salve avrei bisogno di creare un drag & drop , ho 5 numeri che devo inserire in 5 riquadri , ho vito il widjet :


 $this->beginWidget('zii.widgets.jui.CJuiDroppable', array(

    'options'=>array(

        'drop'=>'js:function(event,ui){$(this).html("Dropped!")}',

    ),

    'htmlOptions'=>array(

        'style'=>'width: 150px; height: 150px; padding: 5px; border: 1px solid #fad42e; background: #fcefa1;',

    ),

));

    echo 'Drop here';

$this->endWidget();

Che crea un rettangolo in cui andrebbe messo un altro rettangolo allora ho inserito anche


$this->beginWidget('zii.widgets.jui.CJuiDraggable',array(

    // additional javascript options for the draggable plugin

    'options'=>array(

        'scope'=>'myScope',

    ),

));

    echo 'Spostami';

$this->endWidget();

Di fatto però non riesco a catturare il drop e inoltre vorrei che a seconda del quadrato in cui inserisco il numero dovrei inserire dati nel db .

Come mi devo muovere?

Io ho preso spunto da qui … sortable jqueryUi