CJuiSelectable はリストを表示できます。これは、JUI Selectable プラグインをカプセル化します。
[php]
Yii::app()->clientScript->registerCss('selectable',"
#selectable {リストスタイルタイプ: なし; パディング: 0; }
#selectable li {マージン: 2px; パディング: 4px; ボーダー: 1px 背景: #f7f7f7}
#selectable .ui-selecting { border: 1px ソリッド #fad42e }
#selectable .ui-selected { ボーダー: 1px ソリッド #fad42e; 背景: #fcefa1;}
#select-result {マージン: 0 0 10px 2px;
", '画面', CClientScript::POS_HEAD);
?>
$this->widget('zii.widgets.jui.CJuiSelectable',array(
'id'=>'選択可能',
'items'=>array(
'id1'=>'アイテム 1'、
'id2'=>'アイテム 2'、
'id3'=>'アイテム 3'
)、
'options'=>array(
'stop'=>'js: function(event,ui){
var result = $("#select-result").emptyempty();
$(".ui-selected", this).each(function(){
varindex = $("#selectable li").index(this);
result.append(" #" + (インデックス + 1));
});
}'
)
));
?>
Yii::app()->clientScript->registerCss('selectable',"
)
#selectable {リストスタイルタイプ: なし; パディング: 0; }
#selectable li {マージン: 2px; パディング: 4px; ボーダー: 1px 背景: #f7f7f7}
#selectable .ui-selecting { border: 1px ソリッド #fad42e }
#selectable .ui-selected { ボーダー: 1px ソリッド #fad42e; 背景: #fcefa1;}
#select-result {マージン: 0 0 10px 2px }
", '画面', CClientScript::POS_HEAD);
?>www.2cto.com
none
$this->widget('zii.widgets.jui.CJuiSelectable',array(
)
'id'=>'選択可能',
'アイテム'=>配列(
'id1'=>'アイテム 1',
'id2'=>'アイテム 2',
'id3'=>'アイテム 3'
)、
'オプション'=>配列(
'stop'=>'js: function(event,ui){
var result = $("#select-result").empty();
$(".ui-selected", this).each(function(){
varindex = $("#selectable li").index(this);
result.append(" #" + (インデックス + 1));
});
}'
)
));
?>
Javascipts を使用して選択イベントに応答します。
http://www.bkjia.com/PHPjc/477820.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/477820.html技術記事 CJuiSelectable はリストを表示できます。これは、JUI Selectable プラグインをカプセル化します。 [php] ?php Yii::app()-clientScript-regis...