PHP开发框架Yii Framework教程（45） Zii组件-Selectable示例

PHP开发框架Yii Framework教程（45） Zii组件-Selectable示例2013-02-03 csdn mapdigitCJuiSelectable可以显示一个列表，列表的每个项支持Select事件，它封装了 JUI Selectable插件，其基本用法如下：

<？phpYii::app（）->clientScript->registerCss（"selectable","#selectable {list-style-type: none; margin: 0; padding: 0; width: 60%;}#selectable li {margin: 2px; padding: 4px; border: 1px solid #e3e3e3; background: #f7f7f7}#selectable .ui-selecting { border: 1px solid #fad42e; }#selectable .ui-selected { border: 1px solid #fad42e; background: #fcefa1;}#select-result {margin: 0 0 10px 2px; }", "screen", CClientScript::POS_HEAD）;？><h2><？php echo "Selectable"; ？></h2><center id="select-result">none</center><？php$this->widget（"zii.widgets.jui.CJuiSelectable",array（"id"=>"selectable","items"=>array（"id1"=>"Item 1","id2"=>"Item 2","id3"=>"Item 3" ）,"options"=>array（"stop"=>"js: function（event,ui）{var result = $（"#select-result"）.emptyempty（）;$（".ui-selected", this）.each（function（）{var index = $（"#selectable li"）.index（this）;result.append（" #" + （index + 1））;}）;}"）））;？>

使用Javascipts 来响应选择事件。

查看全套教程：http://www.bianceng.cn/webkf/PHP/201301/35265.htm

本例下载：http://www.imobilebbs.com/download/yii/JuiSelectableDemo.zip