上記の例を修正して、ドロップ可能な領域を追加します。この領域に UI コンポーネントをドラッグ アンド ドロップすると、「ドロップされました」と表示されます。
[php]
01.beginWidget('zii.widgets.jui.CJuiDroppable', array(
02. 'オプション'=>array(
03. 'drop'=>'js:function(event,ui){$(this).html("Dropped!")}',
04. )、
05. 'htmlOptions'=>array(
06. 'style'=>'width: 300px; height: 300px;
07. 5px; ボーダー: 1px 背景: #f7f7f7',
08. ）、
09. ));
10.エコー「ここにドロップ」
;
11.
12.$this->endWidget();
13.?>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
