我們修改上例,添加一個Droppable區域,當有UI組件拖放到該區域時,顯示“Dropped”。
[php]
01.<?php $this->beginWidget('zii.widgets.jui.CJuiDroppable', array(
02. 'options'=>array(
03. 'drop'=>'js:function(event,ui){$(this).html("Dropped!")}',
04. ),
05. 'htmlOptions'=>array(
06. 'style'=>'width: 300px; height: 300px; padding:
07. 5px; border: 1px solid #e3e3e3; background: #f7f7f7',
08. ),
09. ));
10.echo 'Drop here';
11.
12.$this->endWidget();
13.?>